interesting
/
PeerTube
mirror of https://github.com/Chocobozzz/PeerTube.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Fix: disable vertical scroll instead of hide on desktop browsers

This commit is contained in:
kimsible 2020-07-13 23:51:46 +02:00 committed by Chocobozzz
parent 2291a412d2
commit 8110705d02
2 changed files with 12 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
client/src/sass/application.scss
View File

@ -57,6 +57,10 @@ body {
color: pvar(--mainForegroundColor); color: pvar(--mainForegroundColor);
background-color: pvar(--mainBackgroundColor); background-color: pvar(--mainBackgroundColor);
font-size: 14px; font-size: 14px;
// On desktop browsers, make sure vertical scroll bar is always visible
// Allow to disable the scrollbar instead of hide it when the content fit the body
// And not move the content and header horizontally sticked to right when the content is updating
overflow-y: scroll;
} }
::selection { ::selection {

8
client/src/sass/bootstrap.scss vendored
View File

@ -143,6 +143,14 @@ $icon-font-path: '~@neos21/bootstrap3-glyphicons/assets/fonts/';
} }
} }
// On desktop browsers, make the content and header horizontally sticked to right not move when modal open and close
.modal-open {
overflow-y: scroll !important; // Make sure vertical scroll bar is always visible on desktop browsers to get disabled scrollbar effect
position: fixed; // Fix the body position to disable any scroll content
width: 100vw; // Make sure the content fits all the available width when position: fixed
}
// Nav customizations // Nav customizations
.nav .nav-link { .nav .nav-link {
display: flex !important; display: flex !important;