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

Merge pull request #2136 from LiFaytheGoblin/responsive-project-page/see-inside-remix-buttons

Browse source 
New project page: See inside and remix buttons disappear on mobile
This commit is contained in:
Linda 2018-10-03 15:40:47 -04:00 committed by GitHub
commit 1aa30fb10b
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 19 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -118,20 +118,22 @@ const PreviewPresentation = ({
}
</div>
</FlexRow>
<div className="project-buttons">
{/* TODO: Hide Remix button for now until implemented */}
{(!userOwnsProject && false) &&
<Button className="button remix-button">
Remix
<MediaQuery minWidth={frameless.mobile}>
<div className="project-buttons">
{/* TODO: Hide Remix button for now until implemented */}
{(!userOwnsProject && false) &&
<Button className="button remix-button">
Remix
</Button>
}
<Button
className="button see-inside-button"
onClick={onSeeInside}
>
See Inside
</Button>
}
<Button
className="button see-inside-button"
onClick={onSeeInside}
>
See Inside
</Button>
</div>
</div>
</MediaQuery>
</FlexRow>
<FlexRow className="preview-row">
<div className="guiPlayer">

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

@ -79,6 +79,10 @@ $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 {