refactor: styles
This commit is contained in:
parent
ec231bb041
commit
2320d1fc9f
|
@ -6,6 +6,46 @@ $sidebar-basis: 12rem;
|
|||
overflow-x: hidden;
|
||||
overflow-y: auto;
|
||||
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 {
|
||||
|
@ -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