therwi/sunkkoma
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Remove body scrollbar in chat layout, keep nav bar still on scroll lock, add tiny fade for media modal

Browse source
This commit is contained in:
Shpuld Shpuldson 2021-02-12 18:14:54 +02:00
parent 8b7c367b04
commit 4859e63a89
2 changed files with 17 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

6
src/App.scss
View file

@ -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) {