From d633c1ee816953015a24ebe9f6093b52046c942d Mon Sep 17 00:00:00 2001 From: tpart Date: Fri, 22 Dec 2023 14:13:50 +0100 Subject: Only show logo of buttons when screen size is too small --- web/script/backbutton.ts | 2 +- web/style/navbar.css | 12 ++++++++++++ 2 files changed, 13 insertions(+), 1 deletion(-) (limited to 'web') 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 -- cgit v1.2.3-70-g09d2