mti
/
discord-client
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

[scss.menu] added left border when channel active

This commit is contained in:
xdrm-brackets 2018-03-21 21:27:41 +01:00
parent a5702d5a0f
commit df2f9906a9
1 changed files with 22 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
webpack/scss/menu.scss
View File

@ -33,7 +33,7 @@
background: $menu-item-bg center center no-repeat; background: $menu-item-bg center center no-repeat;
background-size: auto 55%; background-size: auto 55%;
overflow: hidden; overflow: visible;
cursor: pointer; cursor: pointer;
@ -65,6 +65,27 @@
} }
// {4} active channel : left border //
&:not([data-add='1']):not([data-sub]):after{
content: '';
display: block;
position: absolute;
top: 10%;
left: calc( #{$menu-item-size/2} - #{$menu-width/2} - 10px );
width: 10px;
height: 80%;
border-radius: 3px;
background-color: #aaa;
transition: left .2s ease-in-out;
}
&:not([data-add='1']):not([data-sub]).active:after{
left: calc( #{$menu-item-size/2} - #{$menu-width/2} - 5px );
}
// {4} sub label // // {4} sub label //
&[data-sub]:not([data-sub='']){ &[data-sub]:not([data-sub='']){
@ -73,8 +94,6 @@
margin-bottom: #{$menu-item-space + 2em}; margin-bottom: #{$menu-item-space + 2em};
overflow: visible;
// show sub-text // show sub-text
&:before{ &:before{
content: attr(data-sub); content: attr(data-sub);