diff --git a/frontend/src/styles/nav.scss b/frontend/src/styles/nav.scss index 167471821..9db1e8fba 100644 --- a/frontend/src/styles/nav.scss +++ b/frontend/src/styles/nav.scss @@ -136,7 +136,7 @@ header { -webkit-user-select: none; user-select: none; - .logo { + #logo { // margin-bottom: 0.6rem; cursor: pointer; display: grid; @@ -269,12 +269,12 @@ header { fill: var(--sub-color) !important; } - .logo .text { + #logo .text { color: var(--sub-color) !important; // opacity: 0 !important; } - .logo .top { + #logo .top { opacity: 0 !important; } diff --git a/frontend/src/styles/z_media-queries.scss b/frontend/src/styles/z_media-queries.scss index 794ccce7f..39e5d4a1d 100644 --- a/frontend/src/styles/z_media-queries.scss +++ b/frontend/src/styles/z_media-queries.scss @@ -344,7 +344,7 @@ //800px @media only screen and (max-width: 50rem) { - header .logo .text { + header #logo .text { font-size: 1.5rem; line-height: 1.5rem; margin-top: -0.1em; @@ -691,7 +691,7 @@ .pageAbout .section .contributors { grid-template-columns: 1fr 1fr; } - header .logo .bottom { + header #logo .bottom { margin-top: 0; } .pageLogin { @@ -737,7 +737,7 @@ //550px @media only screen and (max-width: 34.375rem) { header { - .logo { + #logo { grid-template-columns: auto; .text { display: none; diff --git a/frontend/src/ts/test/test-logic.ts b/frontend/src/ts/test/test-logic.ts index 3d604537b..a846d79f2 100644 --- a/frontend/src/ts/test/test-logic.ts +++ b/frontend/src/ts/test/test-logic.ts @@ -1554,7 +1554,7 @@ $("#popups").on( } ); -$("header").on("click", "nav #startTestButton, .logo", () => { +$("header").on("click", "nav #startTestButton, #logo", () => { if (ActivePage.get() === "test") restart(); }); diff --git a/frontend/src/ts/ui.ts b/frontend/src/ts/ui.ts index 9d97f2c27..54e0c6375 100644 --- a/frontend/src/ts/ui.ts +++ b/frontend/src/ts/ui.ts @@ -43,7 +43,7 @@ if (isLocalhost()) { window.onerror = function (error): void { Notifications.add(error.toString(), -1); }; - $("header .logo .top").text("localhost"); + $("header #logo .top").text("localhost"); $("head title").text($("head title").text() + " (localhost)"); $("body").append( `