MirrorMirror
/
funkwhale
mirror of https://dev.funkwhale.audio/funkwhale/funkwhale.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Make the style of the sidebar collapse button more coherent

This commit is contained in:
Bat 2018-03-17 14:15:10 +01:00
parent 4564a40ec4
commit 54f3dd0e46
1 changed files with 9 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
front/src/components/Sidebar.vue
View File

@ -159,7 +159,7 @@ $sidebar-color: #3D3E3F;
} }
@include media(">desktop") { @include media(">desktop") {
.collapse.button { .collapse.button {
display: none; display: none !important;
} }
} }
@include media("<desktop") { @include media("<desktop") {
@ -193,7 +193,7 @@ $sidebar-color: #3D3E3F;
.menu .item.active { .menu .item.active {
background-color: $sidebar-color; background-color: $sidebar-color;
&:hover { &:hover {
background-color: rgba(255, 255, 255, 0.06); background-color: rgba(255, 255, 255, 0.06);
} }
} }
} }
@ -231,10 +231,13 @@ $sidebar-color: #3D3E3F;
.ui.search { .ui.search {
display: flex; display: flex;
.collapse.button {
margin-right: 0.5rem; .collapse.button, .collapse.button:hover, .collapse.button:active {
margin-top: 0.5rem; box-shadow: none !important;
float: right; margin: 0px;
display: flex;
flex-direction: column;
justify-content: center;
} }
} }