From a8d84499905504da229d1e8829145bf2d8329dd9 Mon Sep 17 00:00:00 2001 From: Sawyer Bergeron Date: Wed, 22 May 2019 17:05:38 -0400 Subject: Reduce shadow severity Shadows were somewhat overdone in some areas of the ui, they are now less so Change-Id: Ida04a5580be8493f37ade2554983149d05d91bcc Signed-off-by: Sawyer Bergeron --- src/templates/booking/quick_deploy.html | 4 ++-- src/templates/dashboard/multiple_select_filter_widget.html | 14 +++++--------- 2 files changed, 7 insertions(+), 11 deletions(-) (limited to 'src/templates') diff --git a/src/templates/booking/quick_deploy.html b/src/templates/booking/quick_deploy.html index 38294b2..03eb78c 100644 --- a/src/templates/booking/quick_deploy.html +++ b/src/templates/booking/quick_deploy.html @@ -9,8 +9,8 @@ padding: 30px; } .grid_element { - border-radius: 3px; - box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75); + border-radius: 5px; + border: 1px solid #ccc; margin: 10px; padding: 7px; } diff --git a/src/templates/dashboard/multiple_select_filter_widget.html b/src/templates/dashboard/multiple_select_filter_widget.html index 628fd95..c7a1943 100644 --- a/src/templates/dashboard/multiple_select_filter_widget.html +++ b/src/templates/dashboard/multiple_select_filter_widget.html @@ -22,28 +22,25 @@ } .grid-item { cursor: pointer; - border:2px; - border-style:none; - border-color:black; + border:1px solid #cccccc; border-radius: 5px; margin:20px; height: 200px; padding: 7px; - box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75); transition-property: box-shadow, background-color; transition-duration: .2s; } .grid-item:hover { - box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.75); + box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.45); transition-property: box-shadow; transition-duration: .2s; } .selected_node { - box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.75); - background-color: #CCECD7; + box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.45); + background-color: #fff; transition-property: background-color; transition-duration: .2s; } @@ -51,13 +48,12 @@ .disabled_node { cursor: not-allowed; background-color: #EFEFEF; - box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.75); transition-property: box-shadow; transition-duration: .2s; + border: 1px solid #ccc; } .disabled_node:hover { - box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.75); } .cleared_node { -- cgit 1.2.3-korg