diff options
| author | Shpuld Shpuldson <shp@cock.li> | 2021-02-12 18:14:54 +0200 |
|---|---|---|
| committer | Shpuld Shpuldson <shp@cock.li> | 2021-02-12 18:14:54 +0200 |
| commit | 4859e63a89e641d5eb9b3afb2d328fd6adb4a9b3 (patch) | |
| tree | fbc2ff4a02c67352081d8c9c18a20caa68b5fd5a /src/App.scss | |
| parent | 8b7c367b0478ac3907480e3a354612473fc0ba08 (diff) | |
Remove body scrollbar in chat layout, keep nav bar still on scroll lock, add tiny fade for media modal
Diffstat (limited to 'src/App.scss')
| -rw-r--r-- | src/App.scss | 6 |
1 files changed, 6 insertions, 0 deletions
diff --git a/src/App.scss b/src/App.scss index 8b91f3de..90d083bb 100644 --- a/src/App.scss +++ b/src/App.scss @@ -586,6 +586,7 @@ nav { color: var(--faint, $fallback--faint); box-shadow: 0px 0px 4px rgba(0,0,0,.6); box-shadow: var(--topBarShadow); + box-sizing: border-box; } .fade-enter-active, .fade-leave-active { @@ -878,6 +879,11 @@ nav { overflow: hidden; height: 100%; + // Get rid of scrollbar on body as scrolling happens on different element + body { + overflow: hidden; + } + // Ensures the fixed position of the mobile browser bars on scroll up / down events. // Prevents the mobile browser bars from overlapping or hiding the message posting form. @media all and (max-width: 800px) { |