scratchfoundation/scratch-www
1
0
Fork 0
mirror of https://github.com/scratchfoundation/scratch-www.git synced 2025-03-14 07:00:25 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

Fix page width by hiding overflow, calculating

Browse source
This commit is contained in:
Ben Wheeler 2019-05-15 16:38:54 -04:00
parent 2402fa3590
commit b2d54da8ec
1 changed files with 6 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
src/views/preview/preview.scss
View file

@ -38,9 +38,11 @@ $stage-width: 480px;
.inner {
margin: 0 auto;
overflow: auto;
@media #{$medium-and-smaller} {
max-width: 90%;
// subtract page padding
max-width: calc(100% - 1rem);
}
@media #{$intermediate} {
@ -146,7 +148,8 @@ $stage-width: 480px;
flex-grow: 1;
@media #{$medium-and-smaller} {
min-width: calc(100% - 2rem);
// subtract margin and border
min-width: calc(100% - 2rem - 4px);
}
}
@ -421,7 +424,7 @@ $stage-width: 480px;
border-radius: 8px;
background-color: $ui-blue-10percent;
padding: .75rem;
width: calc(100% - 1.5rem);
width: calc(100% - 1.5rem - 2px);
flex-wrap: nowrap;
align-items: center;
justify-content: flex-start;