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

adjust sidebar styling for long filenames

Browse source
This commit is contained in:
Cassie Tarakajian 2017-03-15 13:31:30 -04:00
parent 1e49b678c4
commit 636b267259
1 changed files with 4 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -72,6 +72,7 @@
// not sure how to do this in a better way // not sure how to do this in a better way
// it won't work if the file tree is too nested // it won't work if the file tree is too nested
.file-item__spacer { .file-item__spacer {
flex-shrink: 0;
.sidebar__file-item & { .sidebar__file-item & {
width: #{33 / $base-font-size}rem; width: #{33 / $base-font-size}rem;
.sidebar__file-item & { .sidebar__file-item & {
@ -122,10 +123,12 @@
@include themify() { @include themify() {
@extend %icon; @extend %icon;
padding: #{4 / $base-font-size}rem 0; padding: #{4 / $base-font-size}rem 0;
background-color: map-get($theme-map, 'file-selected-color');
padding-right: #{6 / $base-font-size}rem;
} }
display: none; display: none;
position: absolute; position: absolute;
right: #{6 / $base-font-size}rem; right: 0;
.sidebar__file-item--selected > .file-item__content & { .sidebar__file-item--selected > .file-item__content & {
display: inline-block; display: inline-block;
} }