From 95426cfff447c9c28ffd11528e1699a8ddb17117 Mon Sep 17 00:00:00 2001 From: Bat <baptiste@gelez.xyz> Date: Sat, 17 Mar 2018 12:29:58 +0100 Subject: [PATCH] Make it easier to see which tab is selected in the sidebar --- front/src/components/Sidebar.vue | 13 +++++++++++-- 1 file changed, 11 insertions(+), 2 deletions(-) diff --git a/front/src/components/Sidebar.vue b/front/src/components/Sidebar.vue index 1db82454..28022c63 100644 --- a/front/src/components/Sidebar.vue +++ b/front/src/components/Sidebar.vue @@ -181,11 +181,20 @@ $sidebar-color: #1B1C1D; } .menu-area { - padding: 0.5rem; .menu .item:not(.active):not(:hover) { - background-color: rgba(255, 255, 255, 0.06); + background-color: rgba(255, 255, 255, 0.15); } + .menu .item { + border-radius: 0; + } + + .menu .item.active { + background-color: $sidebar-color; + &:hover { + background-color: $sidebar-color; + } + } } .tabs { overflow-y: auto; -- GitLab