sliver/akkoma-fe
1
0
Fork 0
forked from AkkomaGang/akkoma-fe
Code Pull requests Activity

panels now have shadow-overlay so that it's possible to have inset shadow all

Browse source 
over the panel, without header overlapping it
This commit is contained in:
Henry Jameson 2018-11-21 04:14:32 +03:00
parent a79d9d9774
commit 3d6547001e
1 changed files with 21 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
src/App.scss
View file

@ -317,16 +317,33 @@ main-router {
.panel { .panel {
display: flex; display: flex;
position: relative;
flex-direction: column; flex-direction: column;
margin: 0.5em; margin: 0.5em;
background-color: $fallback--bg; background-color: $fallback--bg;
background-color: var(--bg, $fallback--bg); background-color: var(--bg, $fallback--bg);
&::after, & {
border-radius: $fallback--panelRadius; border-radius: $fallback--panelRadius;
border-radius: var(--panelRadius, $fallback--panelRadius); border-radius: var(--panelRadius, $fallback--panelRadius);
}
&::after {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
pointer-events: none;
box-shadow: 1px 1px 4px rgba(0,0,0,.6); box-shadow: 1px 1px 4px rgba(0,0,0,.6);
box-shadow: var(--panelShadow); box-shadow: var(--panelShadow);
}
} }
.panel-body:empty::before { .panel-body:empty::before {