feat(aio): filtree updates
This commit is contained in:
parent
3ec58ecea0
commit
2da0f1639f
|
@ -1,37 +1,38 @@
|
||||||
.filetree {
|
aio-filetree {
|
||||||
background: $offwhite;
|
background: $offwhite;
|
||||||
box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, .2);
|
box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, .2);
|
||||||
border: 4px solid $lightgray;
|
border: 4px solid $lightgray;
|
||||||
margin: 0 0 5px 0;
|
margin: 0 0 5px 0;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
.file {
|
aio-folder {
|
||||||
display: block;
|
padding-left: 24px;
|
||||||
font-family: $main-font;
|
|
||||||
line-height: 32px;
|
|
||||||
color: $darkgray;
|
|
||||||
}
|
|
||||||
|
|
||||||
.children {
|
|
||||||
padding-left: 5px;
|
|
||||||
position: relative;
|
position: relative;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
|
||||||
.file {
|
aio-file {
|
||||||
position: relative;
|
display: block;
|
||||||
|
position: relative;
|
||||||
|
line-height: 32px;
|
||||||
|
padding-left: 5px;
|
||||||
|
|
||||||
&:before {
|
&:before {
|
||||||
content: '';
|
content: '';
|
||||||
left: -18px;
|
left: -18px;
|
||||||
bottom: 16px;
|
bottom: 16px;
|
||||||
width: 5px;
|
width: 5px;
|
||||||
height: 9999px;
|
height: 9999px;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
border-width: 0 0 1px 1px;
|
border-width: 0 0 1px 1px;
|
||||||
border-style: solid;
|
border-style: solid;
|
||||||
border-color: $lightgray;
|
border-color: $lightgray;
|
||||||
border-radius: 0 0 0 3px;
|
border-radius: 0 0 0 3px;
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
|
||||||
}
|
}
|
Loading…
Reference in New Issue