BetterSEQTA/BetterSEQTA-Plus
1
0
Fork 0
mirror of https://github.com/BetterSEQTA/BetterSEQTA-Plus.git synced 2026-06-06 11:44:40 +00:00
Code Issues Packages Projects Releases Wiki Activity

fixed sidebar with transparent backgrounds

Browse Source
This commit is contained in:
SethBurkart123
2023-10-24 11:16:52 +11:00
parent f6a24c85f9
commit d15db5c78a
2 changed files with 42 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/inject/injected.css
+13 -2
View File
@@ -36,7 +36,6 @@ html {
#main { #main {
color: var(--text-primary); color: var(--text-primary);
position: relative; position: relative;
padding-top: 5rem;
} }
.forums { .forums {
@@ -126,6 +125,12 @@ ul.magicDelete > li.deleting {
color: var(--text-color); color: var(--text-color);
display: flex; display: flex;
white-space: nowrap; white-space: nowrap;
place-items: center;
}
#menu .sub {
top: 71.5px;
margin-top: -2px;
} }
#menu section > label { #menu section > label {
@@ -180,7 +185,7 @@ li.item.draggable {
#menu li.active > .sub > ul > .active { #menu li.active > .sub > ul > .active {
box-shadow: inset 6px 0 var(--item-colour, transparent); box-shadow: inset 6px 0 var(--item-colour, transparent);
transition: 100ms; transition: 100ms;
background: rgba(0, 0, 0, 0.3); background: rgba(0, 0, 0, 0.3) !important;
} }
#menu li > label, #menu li > label,
@@ -312,6 +317,12 @@ ol:has(.MessageList__avatar___2wxyb svg) {
height: 100%; height: 100%;
} }
#container #content::before {
content: "";
height: 5.5rem;
width: 100%;
}
.menuShown #container #content #title { .menuShown #container #content #title {
-webkit-box-shadow: 6px 5px 16px 6px rgba(0, 0, 0, 0.2) !important; -webkit-box-shadow: 6px 5px 16px 6px rgba(0, 0, 0, 0.2) !important;
box-shadow: 6px 0px 4px 2px rgba(0, 0, 0, 0.2) !important; box-shadow: 6px 0px 4px 2px rgba(0, 0, 0, 0.2) !important;
src/inject/injected/sidebar-animation.css
+29 -6
View File
@@ -1,17 +1,40 @@
/* #menu ul.noscroll li > label, #menu ul.noscroll > li {
#menu ul.noscroll li > svg { box-shadow: inset 0px 0 var(--item-colour, transparent) !important;
transform: translateX(-100%); }
#menu > ul.noscroll > li > label,
#menu > ul.noscroll > li > svg,
#menu > ul.noscroll ul.noscroll > li > label,
#menu > ul.noscroll ul.noscroll > li > svg {
transform: translateX(-20rem);
}
.sub .sub {
top: 0 !important;
}
.sub:has(ul.noscroll) > .nav > .back {
display: none !important;
}
#menu ul > li > label,
#menu ul > li > svg {
transition: transform 0.3s ease;
}
#menu .sub {
transition: transform 0.3s ease;
} }
#menu ul.noscroll li.active { #menu ul.noscroll li.active {
background: transparent !important; background: transparent !important;
} }
/*
#menu ul.noscroll li .sub label, #menu ul.noscroll li .sub label,
#menu ul.noscroll li > svg { #menu ul.noscroll li > svg {
transform: translateX(0); transform: translateX(0);
} }
*/
#menu li.active>.sub { #menu li.active>.sub {
transform: translateX(0); transform: translateX(0);
} */ }