scratchfoundation/scratch-www
1
0
Fork 0
mirror of https://github.com/scratchfoundation/scratch-www.git synced 2024-11-27 09:35:56 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions 4

some fixes and adapted remix and studio thumbnails

Browse source
This commit is contained in:
Linda 2018-09-14 17:02:13 -04:00
parent 6b2ddcd217
commit 6445c7471e
2 changed files with 13 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
src/views/preview/presentation.jsx
View file

@ -84,7 +84,7 @@ const PreviewPresentation = ({
{ projectInfo && projectInfo.author && projectInfo.author.id && (
<Formsy onKeyPress={onKeyPress}>
<div className="inner">
<FlexRow className="preview-row">
<FlexRow className="preview-row force-row">
<FlexRow className="project-header">
<a href={`/users/${projectInfo.author.username}`}>
<Avatar
@ -354,10 +354,12 @@ const PreviewPresentation = ({
}
</FlexRow>
</div>
<FlexRow className="column">
<RemixList remixes={remixes} />
<StudioList studios={projectStudios} />
</FlexRow>
<MediaQuery minWidth={frameless.mobile}>
<FlexRow className="column">
<RemixList remixes={remixes} />
<StudioList studios={projectStudios} />
</FlexRow>
</MediaQuery>
</FlexRow>
</div>
</div>

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

@ -87,10 +87,6 @@ $medium-and-small: "screen and (max-width : #{$tablet}-1)";
text-align: left;
font-size: .8rem;
flex-grow: 1;
@media #{$medium-and-small} {
min-width: 100%;
}
}
.validation-message {
@ -203,6 +199,12 @@ $medium-and-small: "screen and (max-width : #{$tablet}-1)";
justify-content: space-between;
align-items: flex-start;
flex-wrap: nowrap;
&.force-row {
@media #{$medium-and-small} {
flex-direction: row;
}
}
}
.guiPlayer {