refactor: styles
This commit is contained in:
parent
ec231bb041
commit
2320d1fc9f
|
@ -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');
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
Loading…
Reference in New Issue
Block a user