From 54f3dd0e46c98c398acbc408579d358b0c52b3b9 Mon Sep 17 00:00:00 2001
From: Bat <baptiste@gelez.xyz>
Date: Sat, 17 Mar 2018 14:15:10 +0100
Subject: [PATCH] Make the style of the sidebar collapse button more coherent
---
front/src/components/Sidebar.vue | 15 +++++++++------
1 file changed, 9 insertions(+), 6 deletions(-)
diff --git a/front/src/components/Sidebar.vue b/front/src/components/Sidebar.vue
index 7291d7f9..3704dab7 100644
--- a/front/src/components/Sidebar.vue
+++ b/front/src/components/Sidebar.vue
@@ -159,7 +159,7 @@ $sidebar-color: #3D3E3F;
}
@include media(">desktop") {
.collapse.button {
- display: none;
+ display: none !important;
}
}
@include media("<desktop") {
@@ -193,7 +193,7 @@ $sidebar-color: #3D3E3F;
.menu .item.active {
background-color: $sidebar-color;
&: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 {
display: flex;
- .collapse.button {
- margin-right: 0.5rem;
- margin-top: 0.5rem;
- float: right;
+
+ .collapse.button, .collapse.button:hover, .collapse.button:active {
+ box-shadow: none !important;
+ margin: 0px;
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
}
}
--
GitLab