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

fix: sidebar breaking on tab

Browse Source
This commit is contained in:
SethBurkart123
2026-03-18 11:19:54 +11:00
parent 4b0372aa56
commit 685c6ad771
2 changed files with 268 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/css/injected.scss
+37 -3
View File
@@ -462,12 +462,12 @@ body.icon-only-sidebar:not(:has(#menu li.hasChildren.active)) {
#menu {
width: 70px !important;
transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1);
overflow: hidden !important;
overflow: visible !important;
}
#menu > ul {
min-width: 0 !important;
overflow-x: hidden !important;
overflow-x: visible !important;
}
#content {
@@ -503,7 +503,7 @@ body.icon-only-sidebar:not(:has(#menu li.hasChildren.active)) {
flex: 0 0 auto !important;
min-width: 0 !important;
justify-content: center !important;
overflow: hidden !important;
overflow: visible !important;
}
#menu li > label > svg,
@@ -511,6 +511,32 @@ body.icon-only-sidebar:not(:has(#menu li.hasChildren.active)) {
margin: 0 auto !important;
flex-shrink: 0 !important;
}
#menu li:focus-visible,
#menu section:focus-visible {
width: 270px !important;
max-width: 270px !important;
justify-content: flex-start !important;
padding: 12px !important;
position: relative;
z-index: 2;
}
#menu li:focus-visible > label,
#menu section:focus-visible > label {
flex: 1 1 auto !important;
justify-content: flex-start !important;
}
#menu li:focus-visible > label > span,
#menu section:focus-visible > label > span {
display: inline !important;
}
#menu li:focus-visible > label > svg,
#menu section:focus-visible > label > svg {
margin: 0 10px 0 4px !important;
}
}
[class*="notifications__items___"] {
-ms-overflow-style: none !important;
@@ -930,6 +956,14 @@ html.transparencyEffects
#menu li:hover {
background: rgba(0, 0, 0, 0.15) !important;
}
#menu li:focus-visible,
#menu section:focus-visible {
outline: 1px solid rgb(from currentColor r g b / 0.55);
outline-offset: -1px;
background: rgba(0, 0, 0, 0.2) !important;
}
#main > .timetablepage > .container {
background: var(--background-primary);
}