From 0e3c3ebfbd43c2e3057c5ce3007201b7a53b1706 Mon Sep 17 00:00:00 2001 From: elhombretecla Date: Tue, 20 Oct 2020 11:48:17 +0200 Subject: [PATCH] WIP UI dashboard changes --- .../resources/styles/common/framework.scss | 1 + .../main/partials/dashboard-sidebar.scss | 3 ++- .../resources/styles/main/partials/modal.scss | 1 + .../partials/sidebar-element-options.scss | 22 ++++++++++--------- 4 files changed, 16 insertions(+), 11 deletions(-) diff --git a/frontend/resources/styles/common/framework.scss b/frontend/resources/styles/common/framework.scss index 8a0a2a4256..e5bb8cc39a 100644 --- a/frontend/resources/styles/common/framework.scss +++ b/frontend/resources/styles/common/framework.scss @@ -17,6 +17,7 @@ font-size: $fs13; height: 30px; justify-content: center; + min-width: 25px; padding: 0 1rem; transition: all .4s; svg { diff --git a/frontend/resources/styles/main/partials/dashboard-sidebar.scss b/frontend/resources/styles/main/partials/dashboard-sidebar.scss index 3166592f46..3a100db1bd 100644 --- a/frontend/resources/styles/main/partials/dashboard-sidebar.scss +++ b/frontend/resources/styles/main/partials/dashboard-sidebar.scss @@ -48,7 +48,7 @@ top: 50px; z-index: 12; max-height: 30rem; - min-width: 110px; + min-width: 116px; } .switch-content { @@ -86,6 +86,7 @@ .team-name { flex-grow: 1; display: flex; + height: 48px; align-items: center; .team-icon { diff --git a/frontend/resources/styles/main/partials/modal.scss b/frontend/resources/styles/main/partials/modal.scss index 60e97f52be..92100c35ea 100644 --- a/frontend/resources/styles/main/partials/modal.scss +++ b/frontend/resources/styles/main/partials/modal.scss @@ -110,6 +110,7 @@ h3 { color: $color-gray-40; font-size: $fs16; + font-weight: 400; } } diff --git a/frontend/resources/styles/main/partials/sidebar-element-options.scss b/frontend/resources/styles/main/partials/sidebar-element-options.scss index 9a35e9436d..07ae045dbf 100644 --- a/frontend/resources/styles/main/partials/sidebar-element-options.scss +++ b/frontend/resources/styles/main/partials/sidebar-element-options.scss @@ -268,8 +268,9 @@ } .custom-select { - cursor: pointer; border: 1px solid $color-gray-40; + border-radius: $br-small; + cursor: pointer; padding: $x-small $big $x-small $x-small; position: relative; @@ -295,16 +296,17 @@ } .custom-select-dropdown { - position: absolute; - left: 0; - z-index: 12; - max-height: 30rem; - min-width: 7rem; - overflow-y: auto; - background-color: $color-white; border-radius: $br-small; box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.25); + left: 0; + max-height: 30rem; + min-width: 7rem; + position: absolute; + overflow-y: auto; + top: 30px; + z-index: 12; + .presets { width: 200px; @@ -834,8 +836,8 @@ align-items: center; cursor: pointer; svg { - width: 16px; - height: 16px; + width: 12px; + height: 12px; fill: $color-gray-20; }