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
// it won't work if the file tree is too nested
.file-item__spacer {
flex-shrink: 0;
.sidebar__file-item & {
width: #{33 / $base-font-size}rem;
.sidebar__file-item & {
@ -122,10 +123,12 @@
@include themify() {
@extend %icon;
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;
position: absolute;
right: #{6 / $base-font-size}rem;
right: 0;
.sidebar__file-item--selected > .file-item__content & {
display: inline-block;
}