pub / ktistec-tweaks

commit c65e58ff928bd3d0d5d1b48ae5c980487b02e511
parent 2dedb4e2edd82570f796af28b7b693cd8036d952
Author: JayVii <jayvii[AT]posteo[DOT]de>
Date:   Sat,  3 Aug 2024 15:06:01 +0200

fix: also apply home-icon when not logged in

Diffstat:
M
css/mobile.css
 | 
10
+++++++++-
M
css/mobile.min.css
 | 
4
++--

2 files changed, 11 insertions(+), 3 deletions(-)
diff --git a/css/mobile.css b/css/mobile.css
@@ -55,7 +55,15 @@
     flex: 20%;
     text-align: center;
   }
-  nav.ui.top.fixed.inverted.navigation.menu > div.ui.text.container > a.item[href^="/actors"]::after
+  nav.ui.top.fixed.inverted.navigation.menu > div.ui.text.container > a.item[href="/"]
+  {
+    flex: 20%;
+    text-align: left;
+    margin-left: 12px !important;
+  }
+
+  nav.ui.top.fixed.inverted.navigation.menu > div.ui.text.container > a.item[href^="/actors"]::after,
+  nav.ui.top.fixed.inverted.navigation.menu > div.ui.text.container > a.item[href="/"]::after
   {
     content: var(--homeicn);
     filter: invert(100%) sepia(0%) saturate(2%) hue-rotate(347deg) brightness(110%) contrast(101%);
diff --git a/css/mobile.min.css b/css/mobile.min.css
@@ -1 +1 @@
-.ui.text.container .ui.secondary.pagination.menu{ display: flex; flex-direction: row; font-size: 115%;}.ui.text.container .ui.secondary.pagination.menu .item{ flex: 50%; }.ui.text.container .ui.secondary.pagination.menu .item .icon{ width: 100%;}:root{ --homeicn: url("icons/home.svg"); --srchicn: url("icons/search.svg"); --evryicn: url("icons/globe.svg"); --advnicn: url("icons/settings.svg"); }@media screen and (max-width: 576px) { nav.ui.top.fixed.inverted.navigation.menu > div.ui.text.container > a.item, nav.ui.top.fixed.inverted.navigation.menu > div.ui.text.container > div.compact.menu > div.ui.simple.dropdown.item { font-size: 0px; } nav.ui.top.fixed.inverted.navigation.menu > div.ui.text.container { display: inline-flex; } nav.ui.top.fixed.inverted.navigation.menu > div.ui.text.container > a.item[href^="/actors"] { flex: 20%; text-align: center; } nav.ui.top.fixed.inverted.navigation.menu > div.ui.text.container > a.item[href^="/actors"]::after { content: var(--homeicn); filter: invert(100%) sepia(0%) saturate(2%) hue-rotate(347deg) brightness(110%) contrast(101%); width: 100%; } nav.ui.top.fixed.inverted.navigation.menu > div.ui.text.container > a.item[href^="/search"] { flex: 20%; text-align: center; } nav.ui.top.fixed.inverted.navigation.menu > div.ui.text.container > a.item[href^="/search"]::after { content: var(--srchicn); filter: invert(100%) sepia(0%) saturate(2%) hue-rotate(347deg) brightness(110%) contrast(101%); width: 100%; } nav.ui.top.fixed.inverted.navigation.menu > div.ui.text.container > a.item[href^="/everything"] { flex: 20%; text-align: center; } nav.ui.top.fixed.inverted.navigation.menu > div.ui.text.container > a.item[href^="/everything"]::after { content: var(--evryicn); filter: invert(100%) sepia(0%) saturate(2%) hue-rotate(347deg) brightness(110%) contrast(101%); width: 100%; } nav.ui.top.fixed.inverted.navigation.menu > div.ui.text.container > div.compact.menu, nav.ui.top.fixed.inverted.navigation.menu > div.ui.text.container > div.compact.menu div.ui.simple.dropdown.item { flex: 20%; text-align: center; } nav.ui.top.fixed.inverted.navigation.menu > div.ui.text.container > div.compact.menu div.ui.simple.dropdown.item { width: 100% } nav.ui.top.fixed.inverted.navigation.menu > div.ui.text.container > div.compact.menu div.ui.simple.dropdown.item::after { content: var(--advnicn); filter: invert(100%) sepia(0%) saturate(2%) hue-rotate(347deg) brightness(110%) contrast(101%); width: 100%; } nav.ui.top.fixed.inverted.navigation.menu > div.ui.text.container > div.compact.menu > div.ui.simple.dropdown.item > div.menu { font-size: initial; } nav.ui.top.fixed.inverted.navigation.menu > div.ui.text.container > div.right.menu > form.form > div.ui.action.input > input.link.item { font-size: 90%; flex: 20%; }}@media screen and (max-width: 576px) { .ui.text.container .ui.stackable.secondary.menu { display: block; margin-top: 1em; font-size: 110%; max-height: 0px; transition: max-height 0.2s ease-in-out; } .ui.text.container .ui.stackable.secondary.menu:before { content: "\2630 \0020 Timelines"; margin-left: 0.82em; } .ui.text.container .ui.stackable.secondary.menu .item { visibility: hidden; opacity: 0; transition: opacity 0.1s ease-in-out; font-size: initial; width: 100%; margin: 0px !important; } .ui.text.container .ui.stackable.secondary.menu:hover > .item { opacity: 1 !important; visibility: visible; } .ui.text.container .ui.stackable.secondary.menu:hover { max-height: 100% !important; }}
-\ No newline at end of file
+.ui.text.container .ui.secondary.pagination.menu{ display: flex; flex-direction: row; font-size: 115%;}.ui.text.container .ui.secondary.pagination.menu .item{ flex: 50%; }.ui.text.container .ui.secondary.pagination.menu .item .icon{ width: 100%;}:root{ --homeicn: url("icons/home.svg"); --srchicn: url("icons/search.svg"); --evryicn: url("icons/globe.svg"); --advnicn: url("icons/settings.svg"); }@media screen and (max-width: 576px) { nav.ui.top.fixed.inverted.navigation.menu > div.ui.text.container > a.item, nav.ui.top.fixed.inverted.navigation.menu > div.ui.text.container > div.compact.menu > div.ui.simple.dropdown.item { font-size: 0px; } nav.ui.top.fixed.inverted.navigation.menu > div.ui.text.container { display: inline-flex; } nav.ui.top.fixed.inverted.navigation.menu > div.ui.text.container > a.item[href^="/actors"] { flex: 20%; text-align: center; } nav.ui.top.fixed.inverted.navigation.menu > div.ui.text.container > a.item[href="/"] { flex: 20%; text-align: left; margin-left: 12px !important; } nav.ui.top.fixed.inverted.navigation.menu > div.ui.text.container > a.item[href^="/actors"]::after, nav.ui.top.fixed.inverted.navigation.menu > div.ui.text.container > a.item[href="/"]::after { content: var(--homeicn); filter: invert(100%) sepia(0%) saturate(2%) hue-rotate(347deg) brightness(110%) contrast(101%); width: 100%; } nav.ui.top.fixed.inverted.navigation.menu > div.ui.text.container > a.item[href^="/search"] { flex: 20%; text-align: center; } nav.ui.top.fixed.inverted.navigation.menu > div.ui.text.container > a.item[href^="/search"]::after { content: var(--srchicn); filter: invert(100%) sepia(0%) saturate(2%) hue-rotate(347deg) brightness(110%) contrast(101%); width: 100%; } nav.ui.top.fixed.inverted.navigation.menu > div.ui.text.container > a.item[href^="/everything"] { flex: 20%; text-align: center; } nav.ui.top.fixed.inverted.navigation.menu > div.ui.text.container > a.item[href^="/everything"]::after { content: var(--evryicn); filter: invert(100%) sepia(0%) saturate(2%) hue-rotate(347deg) brightness(110%) contrast(101%); width: 100%; } nav.ui.top.fixed.inverted.navigation.menu > div.ui.text.container > div.compact.menu, nav.ui.top.fixed.inverted.navigation.menu > div.ui.text.container > div.compact.menu div.ui.simple.dropdown.item { flex: 20%; text-align: center; } nav.ui.top.fixed.inverted.navigation.menu > div.ui.text.container > div.compact.menu div.ui.simple.dropdown.item { width: 100% } nav.ui.top.fixed.inverted.navigation.menu > div.ui.text.container > div.compact.menu div.ui.simple.dropdown.item::after { content: var(--advnicn); filter: invert(100%) sepia(0%) saturate(2%) hue-rotate(347deg) brightness(110%) contrast(101%); width: 100%; } nav.ui.top.fixed.inverted.navigation.menu > div.ui.text.container > div.compact.menu > div.ui.simple.dropdown.item > div.menu { font-size: initial; } nav.ui.top.fixed.inverted.navigation.menu > div.ui.text.container > div.right.menu > form.form > div.ui.action.input > input.link.item { font-size: 90%; flex: 20%; }}@media screen and (max-width: 576px) { .ui.text.container .ui.stackable.secondary.menu { display: block; margin-top: 1em; font-size: 110%; max-height: 0px; transition: max-height 0.2s ease-in-out; } .ui.text.container .ui.stackable.secondary.menu:before { content: "\2630 \0020 Timelines"; margin-left: 0.82em; } .ui.text.container .ui.stackable.secondary.menu .item { visibility: hidden; opacity: 0; transition: opacity 0.1s ease-in-out; font-size: initial; width: 100%; margin: 0px !important; } .ui.text.container .ui.stackable.secondary.menu:hover > .item { opacity: 1 !important; visibility: visible; } .ui.text.container .ui.stackable.secondary.menu:hover { max-height: 100% !important; }}
+\ No newline at end of file