namekuji/chuckya
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Hack to make the sidebar background visible

Browse source
This commit is contained in:
Essem 2024-03-26 20:07:54 -05:00
parent 1a1ff228b3
commit a2ffb4fbac
No known key found for this signature in database
GPG key ID: 7D497397CC3A2A8C
2 changed files with 5 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
app/javascript/flavours/glitch/styles/modern/style.scss
View file

@ -2836,6 +2836,7 @@ a:focus-visible,
.layout-single-column .column-back-button--slim .column-back-button .column-header__collapsible { .layout-single-column .column-back-button--slim .column-back-button .column-header__collapsible {
transition: none; transition: none;
background: var(--modal-background-color); background: var(--modal-background-color);
backdrop-filter: var(--background-filter);
} }
.layout-single-column .tabs-bar__wrapper .collapsed, .layout-single-column .tabs-bar__wrapper .collapsed,
.layout-single-column .column-back-button--slim .column-back-button .collapsed { .layout-single-column .column-back-button--slim .column-back-button .collapsed {
@ -2927,6 +2928,7 @@ a:focus-visible,
top: calc(100% + 5px); top: calc(100% + 5px);
bottom: -5px; bottom: -5px;
background: var(--modal-background-color); background: var(--modal-background-color);
backdrop-filter: var(--background-filter);
z-index: -1; z-index: -1;
transition: inset 0.1s; transition: inset 0.1s;
border-radius: 100px; border-radius: 100px;

4
app/javascript/styles/modern/style.scss
View file

@ -2836,6 +2836,7 @@ a:focus-visible,
.layout-single-column .column-back-button--slim .column-back-button .column-header__collapsible { .layout-single-column .column-back-button--slim .column-back-button .column-header__collapsible {
transition: none; transition: none;
background: var(--modal-background-color); background: var(--modal-background-color);
backdrop-filter: var(--background-filter);
} }
.layout-single-column .tabs-bar__wrapper .collapsed, .layout-single-column .tabs-bar__wrapper .collapsed,
.layout-single-column .column-back-button--slim .column-back-button .collapsed { .layout-single-column .column-back-button--slim .column-back-button .collapsed {
@ -2927,6 +2928,7 @@ a:focus-visible,
top: calc(100% + 5px); top: calc(100% + 5px);
bottom: -5px; bottom: -5px;
background: var(--modal-background-color); background: var(--modal-background-color);
backdrop-filter: var(--background-filter);
z-index: -1; z-index: -1;
transition: inset 0.1s; transition: inset 0.1s;
border-radius: 100px; border-radius: 100px;
@ -4639,4 +4641,4 @@ a:focus-visible,
} }
.modal-root__container { .modal-root__container {
animation: bounceIn 0.7s; animation: bounceIn 0.7s;
} }