hj/pleroma-fe
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

disable shadow inheritance

Browse source
This commit is contained in:
Henry Jameson 2025-02-12 21:26:05 +02:00
parent 17d562b979
commit c14f88e290
2 changed files with 10 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
src/App.scss
View file

@ -1096,3 +1096,8 @@ option {
}
}
}
@property --shadow {
syntax: "*";
inherits: false;
}

7
src/panel.scss
View file

@ -2,6 +2,7 @@
.panel {
--__panel-background: var(--background);
--__panel-backdrop-filter: var(--backdrop-filter);
--_shadow: var(--shadow);
.tab-switcher .tabs {
background: var(--__panel-background);
@ -29,7 +30,7 @@
left: 0;
right: 0;
z-index: 5;
box-shadow: var(--shadow);
box-shadow: var(--_shadow);
pointer-events: none;
}
}
@ -154,11 +155,13 @@
linear-gradient(to bottom, var(--background), var(--background)),
linear-gradient(to bottom, var(--__panel-background), var(--__panel-background));
--_shadow: var(--shadow);
&::after {
background-color: var(--background);
z-index: -2;
border-radius: var(--roundness) var(--roundness) 0 0;
box-shadow: var(--shadow);
box-shadow: var(--_shadow);
}
&:not(.-flexible-height) {