diff options
author | Sawyer Bergeron <sbergeron@iol.unh.edu> | 2019-05-22 17:05:38 -0400 |
---|---|---|
committer | Sawyer Bergeron <sbergeron@iol.unh.edu> | 2019-05-22 17:14:58 -0400 |
commit | a8d84499905504da229d1e8829145bf2d8329dd9 (patch) | |
tree | 5a03e77120f21a10000077152247a0acdc5b557d | |
parent | 2e353a7c9fdc1439bb5b0999a6bb67e27ed2d46b (diff) |
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 <sbergeron@iol.unh.edu>
-rw-r--r-- | src/static/css/detail_view.css | 7 | ||||
-rw-r--r-- | src/templates/booking/quick_deploy.html | 4 | ||||
-rw-r--r-- | src/templates/dashboard/multiple_select_filter_widget.html | 14 |
3 files changed, 11 insertions, 14 deletions
diff --git a/src/static/css/detail_view.css b/src/static/css/detail_view.css index 7948d85..c3d0a4d 100644 --- a/src/static/css/detail_view.css +++ b/src/static/css/detail_view.css @@ -24,14 +24,15 @@ } .detail_card { - border: 2px; - border-color: black; border-radius: 5px; + border-top: 1px solid #ccc; + border-left: 1px solid #ccc; + border-right: 1px solid #ccc; + border-bottom: 1px solid #ccc; margin: 5px; padding-left: 25px; padding-right: 25px; padding-bottom: 15px; - box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75); display: flex; flex-direction: column; justify-content: space-between; 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 { |