TryGhost/Ghost
1
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-01-03 08:25:06 +03:00
Code Issues Projects Releases Wiki Activity

Additional fix to avoid double scrollbars

Browse Source 
Refs.
9425e5843e
https://github.com/TryGhost/Casper/issues/850

Adding additional margin/padding to wrapper to avoid double scrollbars
in small viewports.
This commit is contained in:
Peter Zimon 2022-03-16 09:48:02 +01:00
parent 9425e5843e
commit 6b88631521
1 changed files with 15 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
ghost/portal/src/components/Frame.styles.js
View File

@ -231,10 +231,16 @@ const FrameStyles = `
.gh-portal-popup-wrapper {
position: relative;
padding: 10vmin 0;
padding: 5vmin 0 0;
height: 100%;
max-height: 100vh;
overflow: scroll;
overflow: auto;
}
/* Hiding scrollbars */
.gh-portal-popup-wrapper {
padding-right: 30px !important;
margin-right: -30px !important;
-ms-overflow-style: none;
scrollbar-width: none;
}
@ -849,7 +855,8 @@ const MultipleProductsGlobalStyles = `
.gh-portal-popup-wrapper.multiple-products.signup {
overflow-y: scroll;
overflow-x: clip;
margin: 32px auto;
margin: 32px auto !important;
padding-right: 0 !important; /* Override scrollbar hiding */
}
.gh-portal-popup-wrapper.multiple-products.signin {
@ -921,8 +928,13 @@ const MultipleProductsGlobalStyles = `
box-shadow: none;
}
.gh-portal-popup-wrapper.multiple-products.signup:not(.preview) {
margin: 0 !important;
}
.gh-portal-popup-wrapper.multiple-products.preview {
height: unset !important;
margin: 0 !important;
}
.gh-portal-popup-wrapper.multiple-products:not(.dev) .gh-portal-popup-container.preview {