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

update collection view, update nav list so that 'my collections' doesn't overflow

Browse source
This commit is contained in:
Cassie Tarakajian 2019-11-24 14:58:16 -05:00
parent b751353243
commit 00b788f90b
2 changed files with 13 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

24
client/styles/components/_collection.scss
View file

@ -1,11 +1,14 @@
.collection-container { .collection-container {
width: 1012px; padding: #{24 / $base-font-size}rem #{66 / $base-font-size}rem;
margin: 0 auto; flex: 1;
display: flex;
flex-direction: column;
} }
.collection-metadata { .collection-metadata {
margin: 0px #{56 / $base-font-size}rem; width: #{1012 / $base-font-size}rem;
padding: #{24 / $base-font-size}rem 0; margin: 0 auto;
margin-bottom: #{24 / $base-font-size}rem;
} }
.collection-metadata__columns { .collection-metadata__columns {
@ -30,7 +33,7 @@
} }
.collection-metadata__name { .collection-metadata__name {
padding: #{8 / $base-font-size}rem 0; // padding: #{8 / $base-font-size}rem 0;
} }
.collection-metadata__name .editable-input__label span { .collection-metadata__name .editable-input__label span {
@ -57,7 +60,7 @@
} }
.collection-metadata__description { .collection-metadata__description {
padding-top: #{8 / $base-font-size}rem; margin-top: #{8 / $base-font-size}rem;
text-align: left; text-align: left;
font-size: 14px; font-size: 14px;
} }
@ -74,10 +77,6 @@
width: 100%; width: 100%;
} }
.collection-table-wrapper {
margin: #{28 / $base-font-size}rem #{56 / $base-font-size}rem;
}
.collection-add-sketch { .collection-add-sketch {
min-width: #{600 / $base-font-size}rem; min-width: #{600 / $base-font-size}rem;
overflow: scroll; overflow: scroll;
@ -106,8 +105,9 @@
} }
.collection-table-wrapper { .collection-table-wrapper {
min-height: 100%; width: #{1012 / $base-font-size}rem;
margin: 0 auto;
flex: 1;
@include themify() { @include themify() {
border: 1px solid getThemifyVariable('modal-border-color'); border: 1px solid getThemifyVariable('modal-border-color');
} }

2
client/styles/components/_nav.scss
View file

@ -109,7 +109,7 @@
padding-right: #{20 / $base-font-size}rem; padding-right: #{20 / $base-font-size}rem;
& .nav__dropdown { & .nav__dropdown {
width: #{121 / $base-font-size}rem; width: #{122 / $base-font-size}rem;
} }
} }