commit 8b38039a288497bdf27fa0bfa464806d7aaa8154
parent d4873a464496ce515408004698f451389e591e83
Author: breadcat <breadcat@users.noreply.github.com>
Date: Wed, 8 Oct 2025 16:59:45 +0100
Move button brackets to CSS
Diffstat:
2 files changed, 14 insertions(+), 21 deletions(-)
diff --git a/static/style.css b/static/style.css
@@ -39,11 +39,10 @@ div.gallery-video {position: relative; display: inline-block; width: 150px; max-
div.description-section {margin: 20px 0; padding: 15px;}
div#current-description {background: #2a2a2a; padding: 10px; border-radius: 3px; margin-bottom: 10px; white-space: pre-wrap; min-height: 20px;}
div#no-description {color: #666; font-style: italic; margin-bottom: 10px; padding: 10px;}
-button#edit-description-btn {background: #007cba; color: white; padding: 6px 12px; border: none; border-radius: 3px; cursor: pointer; font-size: 14px;}
textarea#description-textarea {width: 100%; max-width: 600px; padding: 8px; border: 1px solid #ccc; border-radius: 3px; font-family: inherit; resize: vertical;}
-input.description-save {background: #28a745; color: white; padding: 8px 16px; border: none; border-radius: 3px; cursor: pointer;}
-button.description-cancel {background: #6c757d; color: white; padding: 8px 16px; border: none; border-radius: 3px; cursor: pointer;}
-button.text-button {border:none; background:none; color:#add8e6; cursor:pointer; padding:0; margin-left:2px;}
+button.text-button {border:none; background:none; color:#add8e6; cursor:pointer; padding:0; margin-left:2px;cursor: pointer;}
+button.text-button::before{content:"[ "}
+button.text-button::after{content:" ]"}
div.file-container {display: flex}
div.file-sidebar {flex: 0 0 auto; min-width: 15em}
span.file-tag-category,div.file-sidebar details ul li a {text-transform:capitalize}
@@ -61,7 +60,5 @@ pre#text-viewer{font-family:serif;font-size:25px;line-height:1.8}
/* pagination */
.pagination .disabled,.pagination a{border-radius:4px;padding:.5rem 1rem}
.pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin:2rem 0;padding:1rem}
-.pagination a{background:#007bff;color:#fff;text-decoration:none;transition:background .2s}
-.pagination a:hover{background:#0056b3}
-.pagination .disabled{background:#ccc;color:#666;cursor:not-allowed}
+.pagination .disabled{color:#666;cursor:not-allowed}
.pagination .page-info{font-weight:700;padding:.5rem 1rem}
diff --git a/templates/file.html b/templates/file.html
@@ -13,7 +13,7 @@
<span class="file-tag-category">{{$k}}:</span><br>
{{range $i, $v := $vs}}
{{if $i}}<br> {{end}}
- <form method="post" action="/file/{{$.Data.File.ID}}/tag/{{$k}}/{{$v}}/delete" style="display:inline;"><button class="text-button" type="submit">[x]</button></form>
+ <form method="post" action="/file/{{$.Data.File.ID}}/tag/{{$k}}/{{$v}}/delete" style="display:inline;"><button class="text-button" type="submit">x</button></form>
<a href="/tag/{{$k}}/{{$v}}">{{$v}}</a>
{{end}}
</li>
@@ -33,14 +33,14 @@
{{end}}
</datalist>
Value: <input type="text" name="value"><br>
- <button class="text-button" type="submit">[ Add Tag ]</button>
+ <button class="text-button" type="submit">Add Tag</button>
</form>
</details>
<details>
<summary>Raw URL</summary>
<input id="raw-url" value="http://{{.IP}}:{{.Port}}/uploads/{{.Data.EscapedFilename}}"><br>
- <button class="text-button" id="copy-btn" style="margin-top: 5px;">[ Copy ]</button>
+ <button class="text-button" id="copy-btn" style="margin-top: 5px;">Copy</button>
<span id="copy-status" style="margin-left: 10px;"></span>
<script src="/static/copy-link.js" defer></script>
</details>
@@ -51,15 +51,11 @@
<script src="/static/rename-file.js" defer></script>
<form id="renameForm-{{.Data.File.ID}}" method="post" action="/file/{{.Data.File.ID}}/rename" style="display:inline;">
<input type="hidden" name="newfilename" value="{{.Data.File.Filename}}">
- <button type="button" class="text-button rename-button"
- data-file-id="{{.Data.File.ID}}"
- data-current-name="{{.Data.File.Filename}}">
- [ Rename File ]
- </button>
+ <button type="button" class="text-button rename-button" data-file-id="{{.Data.File.ID}}" data-current-name="{{.Data.File.Filename}}">Rename File</button>
</form>
<br />
<form method="post" action="/file/{{.Data.File.ID}}/delete" style="display:inline;">
- <button type="submit" onclick="return confirm('Are you sure you want to delete this file? This cannot be undone!')" class="text-button">[ Delete File ]</button>
+ <button type="submit" onclick="return confirm('Are you sure you want to delete this file? This cannot be undone!')" class="text-button">Delete File</button>
</form>
</details>
</div>
@@ -76,8 +72,8 @@
{{else if hasAnySuffix .Data.File.Filename ".txt" ".md"}}
<div id="text-viewer-container" style="max-width:800px; margin:1em 0;">
<div style="display:flex; justify-content:space-between; margin-bottom:5px;">
- <button onclick="toggleLineNumbers()" class="text-button">[ Line Numbers ]</button>
- <button onclick="toggleFullscreen()" class="text-button">[ Fullscreen ]</button>
+ <button onclick="toggleLineNumbers()" class="text-button">Line Numbers</button>
+ <button onclick="toggleFullscreen()" class="text-button">Fullscreen</button>
</div>
<pre id="text-viewer" data-filename="{{.Data.EscapedFilename}}" style="white-space:pre-wrap; overflow:auto; background:#111; color:#eee; padding:10px; border-radius:8px; max-height:500px;">Loading...</pre>
</div>
@@ -96,7 +92,7 @@
{{else}}
<div id="no-description">No description set</div>
{{end}}
- <button id="edit-description-btn" onclick="toggleDescriptionEdit()">
+ <button class="text-button" id="edit-description-btn" onclick="toggleDescriptionEdit()">
{{if .Data.File.Description}}Edit Description{{else}}Add Description{{end}}
</button>
</div>
@@ -115,8 +111,8 @@
>{{.Data.File.Description}}</textarea>
</div>
<div style="margin-top: 8px; display: flex; align-items: center; gap: 10px;">
- <input class="description-save" type="submit" value="Save Description">
- <button class="description-cancel" type="button" onclick="cancelDescriptionEdit()">Cancel</button>
+ <button class="text-button" type="submit">Save Description</button>
+ <button class="text-button" type="button" onclick="cancelDescriptionEdit()">Cancel</button>
</div>
</form>
</div>
