scratchfoundation/scratch-www
1
0
Fork 0
mirror of https://github.com/scratchfoundation/scratch-www.git synced 2024-11-23 15:47:53 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

Merge pull request #2017 from benjiwheeler/stage_header_padding

Browse source 
project page stage margin, width adjustments to match gui css changes
This commit is contained in:
Benjamin Wheeler 2018-08-15 00:20:44 -04:00 committed by GitHub
commit b52fb3951e
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 50 additions and 55 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -1,14 +1,10 @@
@import "../../colors";
@import "../../frameless";
/* stage size constants
* this is a hack right now - stage includes padding of .5rem (8px) for alignment in gui
* in www the player is placed with margin -.5rem to align the edge.
* the height is calculated from the actual height on the page (404)
*/
$gui-width: 496px;
/* stage size constants */
$player-width: 482px;
$player-height: 406px;
$stage-width: 480px;
$stage-height: 404px;
/* override view padding for share banner */
#view {
@ -174,14 +170,13 @@ $stage-height: 404px;
.guiPlayer {
display: inline-block;
margin-left: -.5rem;
width: $gui-width;
width: $player-width;
}
.project-notes {
// not 1.5rem because of stage padding
margin-left: 1rem;
height: $stage-height;
height: $player-height;
align-items: flex-start;
flex: 1;
flex-flow: column;