scratchfoundation/scratch-www
1
0
Fork 0
mirror of https://github.com/scratchfoundation/scratch-www.git synced 2025-02-17 00:21:20 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

prevented the project title from overflowing in a way more elegant way

Browse source
This commit is contained in:
Linda 2018-08-30 15:37:51 -04:00
parent 591c792a5c
commit b0ecae351e
1 changed files with 7 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -44,7 +44,7 @@ $stage-width: 480px;
.project-header {
margin-right: 2rem;
width: 65%; /* Setting a width to the header will keep it from flowing over the usual content of the page */
min-width: 0;
flex-grow: 1;
justify-content: flex-start;
align-items: flex-start;
@ -73,7 +73,8 @@ $stage-width: 480px;
.title {
margin-left: 1rem;
width: inherit; /* Inherits the width of whatever this is in. This works well for the preview page and might need to change if used in a different context*/
/* width: inherit; Inherits the width of whatever this is in. This works well for the preview page and might need to change if used in a different context*/
min-width: 0;
text-align: left;
font-size: .8rem;
flex-grow: 1;
@ -130,6 +131,10 @@ $stage-width: 480px;
}
}
.project-buttons {
flex-shrink: 0;
}
.button {
margin-left: 1rem;
}