r/p5.js-web-editor
1
0
Fork 0
Code Issues 1 Pull requests Releases 1 Wiki Activity

minor CSS fixes on editor/sidebar

Browse source
This commit is contained in:
Cassie Tarakajian 2016-12-19 17:19:07 -05:00
parent a5d304da2b
commit 7072518f83
2 changed files with 6 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
client/styles/components/_editor.scss
View file

@ -86,8 +86,8 @@
@extend %icon; @extend %icon;
} }
position: absolute; position: absolute;
top: 0; top: #{10 / $base-font-size}rem;
right: #{1.5 / $base-font-size}rem; // move left to avoid vertical scroll bar right: #{2 / $base-font-size}rem;
z-index: 1; z-index: 1;
} }
@ -110,7 +110,8 @@
color: getThemifyVariable('secondary-text-color'); color: getThemifyVariable('secondary-text-color');
} }
height: #{29 / $base-font-size}rem; height: #{29 / $base-font-size}rem;
padding: #{7 / $base-font-size}rem 0 0 #{56 / $base-font-size}rem; padding-top: #{7 / $base-font-size}rem;
padding-left: #{56 / $base-font-size}rem;
font-size: #{12 / $base-font-size}rem; font-size: #{12 / $base-font-size}rem;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;

3
client/styles/components/_sidebar.scss
View file

@ -5,7 +5,8 @@
} }
.sidebar__header { .sidebar__header {
padding: 0 #{6 / $base-font-size}rem 0 #{19 / $base-font-size}rem; padding-right: #{6 / $base-font-size}rem;
padding-left: #{19 / $base-font-size}rem;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;