mirror of
https://github.com/scratchfoundation/scratch-www.git
synced 2024-11-27 01:25:52 -05:00
defined player-header and redefined player-height to make project notes correct height
This commit is contained in:
parent
1cb4bb5f7e
commit
69eca8ed49
1 changed files with 4 additions and 3 deletions
|
@ -3,7 +3,8 @@
|
||||||
|
|
||||||
/* stage size constants */
|
/* stage size constants */
|
||||||
$player-width: 482px;
|
$player-width: 482px;
|
||||||
$player-height: 406px;
|
$player-height: 362px;
|
||||||
|
$player-header: 44px;
|
||||||
$stage-width: 480px;
|
$stage-width: 480px;
|
||||||
|
|
||||||
/* override view padding for share banner */
|
/* override view padding for share banner */
|
||||||
|
@ -393,11 +394,11 @@ $stage-width: 480px;
|
||||||
|
|
||||||
.project-notes {
|
.project-notes {
|
||||||
margin-left: 1rem;
|
margin-left: 1rem;
|
||||||
height: $player-height;
|
height: calc(#{$player-height} + #{$player-header} - .3125rem);
|
||||||
align-items: flex-start;
|
align-items: flex-start;
|
||||||
flex: 1;
|
flex: 1;
|
||||||
flex-flow: column;
|
flex-flow: column;
|
||||||
padding-top: .25rem;
|
margin-top: .3125rem;
|
||||||
|
|
||||||
@media #{$medium-and-smaller} {
|
@media #{$medium-and-smaller} {
|
||||||
margin-top: .5rem;
|
margin-top: .5rem;
|
||||||
|
|
Loading…
Reference in a new issue