refactor: styles

This commit is contained in:
cha0s 2021-04-02 19:42:46 -05:00
parent ec231bb041
commit 2320d1fc9f

View File

@ -6,6 +6,46 @@ $sidebar-basis: 12rem;
overflow-x: hidden; overflow-x: hidden;
overflow-y: auto; overflow-y: auto;
width: 100%; width: 100%;
> .tree > .node > .item .label > .text {
flex-grow: 1;
overflow: hidden;
text-overflow: ellipsis;
}
.label > .icon {
background-size: cover;
margin-right: 0.125em;
width: 1em;
height: 1em;
&.AudioComponent {
background-image: url('./svg/sound.png');
}
&.Binary {
background-image: url('./svg/question.png');
}
&.EntityComponent {
background-image: url('./svg/joystick.png');
}
&.ImageComponent {
background-image: url('./svg/image.png');
}
&.SoundComponent {
background-image: url('./svg/music.png');
}
&.TextComponent {
background-image: url('./svg/note.png');
}
}
.node {
&.parent > .item .label:before {
content: "\25BE";
margin-right: 0.25em;
}
&.collapsed {
&.parent > .item .label:before {
content: "\25B8";
}
}
}
} }
.sidebar-actions { .sidebar-actions {
@ -35,34 +75,3 @@ $sidebar-basis: 12rem;
} }
} }
} }
.sidebar > .tree > .node > .item .label > .text {
flex-grow: 1;
overflow: hidden;
text-overflow: ellipsis;
}
.label > .icon {
background-size: cover;
margin-right: 0.125em;
width: 1em;
height: 1em;
&.AudioComponent {
background-image: url('./svg/sound.png');
}
&.Binary {
background-image: url('./svg/question.png');
}
&.EntityComponent {
background-image: url('./svg/joystick.png');
}
&.ImageComponent {
background-image: url('./svg/image.png');
}
&.SoundComponent {
background-image: url('./svg/music.png');
}
&.TextComponent {
background-image: url('./svg/note.png');
}
}