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

fix selected item style--no longer highlights children

Browse source
This commit is contained in:
catarak 2016-08-30 14:44:53 -04:00
parent bf61fdd992
commit c671d0c9f2
1 changed files with 5 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -41,12 +41,8 @@
.sidebar__file-item { .sidebar__file-item {
font-size: #{16 / $base-font-size}rem; font-size: #{16 / $base-font-size}rem;
padding: #{8 / $base-font-size}rem 0;
color: $light-inactive-text-color; color: $light-inactive-text-color;
cursor: pointer; cursor: pointer;
&--selected {
background-color: $ide-border-color;
}
&:hover > .file-item__content .sidebar__file-item-name { &:hover > .file-item__content .sidebar__file-item-name {
color: $light-primary-text-color; color: $light-primary-text-color;
} }
@ -79,6 +75,11 @@
.file-item__content { .file-item__content {
display: flex; display: flex;
position: relative; position: relative;
padding: #{8 / $base-font-size}rem 0;
.sidebar__file-item--selected > & {
background-color: $ide-border-color;
}
} }
.sidebar__file-item-name { .sidebar__file-item-name {