diff options
| author | Henry Jameson <me@hjkos.com> | 2018-11-21 04:14:32 +0300 |
|---|---|---|
| committer | Henry Jameson <me@hjkos.com> | 2018-11-21 04:14:32 +0300 |
| commit | 3d6547001ecf9ae5e923d399dfe2c80b920beecf (patch) | |
| tree | 7b33922aa3fc28192b14dbd446a9cb0c667ed714 /src | |
| parent | a79d9d9774a5b8f9f86d1190371df8af42248a1e (diff) | |
panels now have shadow-overlay so that it's possible to have inset shadow all
over the panel, without header overlapping it
Diffstat (limited to 'src')
| -rw-r--r-- | src/App.scss | 25 |
1 files changed, 21 insertions, 4 deletions
diff --git a/src/App.scss b/src/App.scss index 970a5f74..30020722 100644 --- a/src/App.scss +++ b/src/App.scss @@ -317,16 +317,33 @@ main-router { .panel { display: flex; + position: relative; + flex-direction: column; margin: 0.5em; background-color: $fallback--bg; background-color: var(--bg, $fallback--bg); - border-radius: $fallback--panelRadius; - border-radius: var(--panelRadius, $fallback--panelRadius); - box-shadow: 1px 1px 4px rgba(0,0,0,.6); - box-shadow: var(--panelShadow); + &::after, & { + border-radius: $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: var(--panelShadow); + } } .panel-body:empty::before { |