From 541beb791f79acb54e7ab0c515673811858b62a1 Mon Sep 17 00:00:00 2001 From: rimu <3310831+rimu@users.noreply.github.com> Date: Wed, 4 Sep 2024 19:32:09 +1200 Subject: [PATCH] shadows on form elements and voting buttons too --- app/static/scss/_controls.scss | 2 +- app/static/styles.css | 2 +- app/templates/themes/card_shadow/styles.css | 55 ++++----------------- 3 files changed, 11 insertions(+), 48 deletions(-) diff --git a/app/static/scss/_controls.scss b/app/static/scss/_controls.scss index 572d9731..354612a1 100644 --- a/app/static/scss/_controls.scss +++ b/app/static/scss/_controls.scss @@ -28,7 +28,7 @@ background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 40, 100, 0.12); - border-radius: 3px; + border-radius: 5px; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } diff --git a/app/static/styles.css b/app/static/styles.css index a2d78cb1..0a2dad1a 100644 --- a/app/static/styles.css +++ b/app/static/styles.css @@ -409,7 +409,7 @@ fieldset legend { background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 40, 100, 0.12); - border-radius: 3px; + border-radius: 5px; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } diff --git a/app/templates/themes/card_shadow/styles.css b/app/templates/themes/card_shadow/styles.css index bbfd5f0f..9d500978 100644 --- a/app/templates/themes/card_shadow/styles.css +++ b/app/templates/themes/card_shadow/styles.css @@ -11,8 +11,11 @@ .btn-primary { /* border */ border: solid 1px rgb(0,123,255,0.2); - box-shadow: 0 3px 5px 0 rgba(0,0,0,0.2); + box-shadow: 0 4px 7px 0 rgba(0,0,0,0.3); +} +.form-control { + box-shadow: 0 3px 5px 0 rgba(0,0,0,0.1); } /* setting the "unselected" button border */ @@ -73,52 +76,8 @@ margin: 0 0 15px 0; } -/* all posts except for image posts use this */ -.post_type_normal { - /* outside space top right bottom left*/ - margin: 0 5px 5px 5px; - /* inside space top right bottom left*/ - padding: 5px 5px 5px 5px; - /* border */ - border-top: solid 1px rgb(0,123,255,0.2); - border-right: solid 1px rgba(0,123,255,0.2); - border-bottom: solid 1px rgba(0,123,255,0.2); - border-left: solid 1px rgba(0,123,255,0.2); - /* rounded corners */ - border-radius: 5px; - /* shadow horizontal-offset vertical-offset blur spread color */ - box-shadow: 0 3px 5px 0 rgba(0,0,0,0.2); - transition: 0.3s; -} - -/* image posts */ -.post_type_image { - /* outside space top right bottom left*/ - margin: 0 5px 5px 5px; - /* inside space top right bottom left*/ - padding: 5px 5px 5px 5px; - /* border */ - border-top: solid 1px rgb(0,123,255,0.2); - border-right: solid 1px rgba(0,123,255,0.2); - border-bottom: solid 1px rgba(0,123,255,0.2); - border-left: solid 1px rgba(0,123,255,0.2); - /* rounded corners */ - border-radius: 5px; - /* shadow horizontal-offset vertical-offset blur spread color */ - box-shadow: 0 3px 5px 0 rgba(0,0,0,0.2); - transition: 0.3s; -} - -/* "tile" and "wide tile" community view items */ -#masonry .item { - /* outside space top right bottom left*/ - margin: 0 2px 6px 2px; - /* rounded corners */ - border-radius: 5px; -} - /* post edit options card */ -.p-6 { +.col-login .card .card-body { /* border */ /* border-top: solid 1px rgb(0,123,255,0.2); */ border-right: solid 1px rgba(0,123,255,0.2); @@ -129,4 +88,8 @@ /* shadow horizontal-offset vertical-offset blur spread color */ box-shadow: 0 3px 5px 0 rgba(0,0,0,0.2); transition: 0.3s; +} + +.voting_buttons > div { + box-shadow: 0 3px 5px 0 rgba(0,0,0,0.1); } \ No newline at end of file