diff options
| author | tpart <tpart120@proton.me> | 2023-12-22 14:13:50 +0100 |
|---|---|---|
| committer | tpart <tpart120@proton.me> | 2023-12-22 14:13:50 +0100 |
| commit | d633c1ee816953015a24ebe9f6093b52046c942d (patch) | |
| tree | 13abeae16458d6e6c20a2d0398f52f3fc2548c57 /web | |
| parent | d61b0a1b9c20fbcf444d09ceb787cd40a25911d3 (diff) | |
| download | jellything-d633c1ee816953015a24ebe9f6093b52046c942d.tar jellything-d633c1ee816953015a24ebe9f6093b52046c942d.tar.bz2 jellything-d633c1ee816953015a24ebe9f6093b52046c942d.tar.zst | |
Only show logo of buttons when screen size is too small
Diffstat (limited to 'web')
| -rw-r--r-- | web/script/backbutton.ts | 2 | ||||
| -rw-r--r-- | web/style/navbar.css | 12 |
2 files changed, 13 insertions, 1 deletions
diff --git a/web/script/backbutton.ts b/web/script/backbutton.ts index c1da03a..4bd73c0 100644 --- a/web/script/backbutton.ts +++ b/web/script/backbutton.ts @@ -7,7 +7,7 @@ import { e } from "./jshelper/mod.ts"; globalThis.addEventListener("DOMContentLoaded", () => { document.getElementsByTagName("nav").item(0)?.prepend( - e("a", "Back", { class: "back", onclick() { history.back() } }) + e("a", e("p", "Back"), { class: ["back", "hybrid_button"], onclick() { history.back() } }) ) }) diff --git a/web/style/navbar.css b/web/style/navbar.css index 9619532..3ccd838 100644 --- a/web/style/navbar.css +++ b/web/style/navbar.css @@ -75,3 +75,15 @@ nav .login::before { nav .back::before { content: "arrow_back"; } + +.hybrid_button p { + display: inline; +} +@media (max-width: 1000px) { + .hybrid_button p { + display: none; + } + *::before { + margin-right: 0px; + } +}
\ No newline at end of file |