aboutsummaryrefslogtreecommitdiffhomepage
diff options
context:
space:
mode:
-rw-r--r--client/src/sass/application.scss4
-rw-r--r--client/src/sass/bootstrap.scss8
2 files changed, 12 insertions, 0 deletions
diff --git a/client/src/sass/application.scss b/client/src/sass/application.scss
index 4f753e041..5ca3b447a 100644
--- a/client/src/sass/application.scss
+++ b/client/src/sass/application.scss
@@ -57,6 +57,10 @@ body {
57 color: pvar(--mainForegroundColor); 57 color: pvar(--mainForegroundColor);
58 background-color: pvar(--mainBackgroundColor); 58 background-color: pvar(--mainBackgroundColor);
59 font-size: 14px; 59 font-size: 14px;
60 // On desktop browsers, make sure vertical scroll bar is always visible
61 // Allow to disable the scrollbar instead of hide it when the content fit the body
62 // And not move the content and header horizontally sticked to right when the content is updating
63 overflow-y: scroll;
60} 64}
61 65
62::selection { 66::selection {
diff --git a/client/src/sass/bootstrap.scss b/client/src/sass/bootstrap.scss
index 0dc58a7c9..dd5824b7a 100644
--- a/client/src/sass/bootstrap.scss
+++ b/client/src/sass/bootstrap.scss
@@ -143,6 +143,14 @@ $icon-font-path: '~@neos21/bootstrap3-glyphicons/assets/fonts/';
143 } 143 }
144} 144}
145 145
146
147// On desktop browsers, make the content and header horizontally sticked to right not move when modal open and close
148.modal-open {
149 overflow-y: scroll !important; // Make sure vertical scroll bar is always visible on desktop browsers to get disabled scrollbar effect
150 position: fixed; // Fix the body position to disable any scroll content
151 width: 100vw; // Make sure the content fits all the available width when position: fixed
152}
153
146// Nav customizations 154// Nav customizations
147.nav .nav-link { 155.nav .nav-link {
148 display: flex !important; 156 display: flex !important;