michael/pyfedi
1
0
Fork 0
mirror of https://codeberg.org/rimu/pyfedi synced 2025-01-23 19:36:56 -08:00
Code Issues Projects Releases Packages Wiki Activity Actions

shadows on form elements and voting buttons too

Browse source
This commit is contained in:
rimu 2024-09-04 19:32:09 +12:00
parent 8c3892709c
commit 541beb791f
3 changed files with 11 additions and 48 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
app/static/scss/_controls.scss
View file

@ -28,7 +28,7 @@
background-color: #fff; background-color: #fff;
background-clip: padding-box; background-clip: padding-box;
border: 1px solid rgba(0, 40, 100, 0.12); 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; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
} }

2
app/static/styles.css
View file

@ -409,7 +409,7 @@ fieldset legend {
background-color: #fff; background-color: #fff;
background-clip: padding-box; background-clip: padding-box;
border: 1px solid rgba(0, 40, 100, 0.12); 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; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
} }

55
app/templates/themes/card_shadow/styles.css
View file

@ -11,8 +11,11 @@
.btn-primary { .btn-primary {
/* border */ /* border */
border: solid 1px rgb(0,123,255,0.2); 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 */ /* setting the "unselected" button border */
@ -73,52 +76,8 @@
margin: 0 0 15px 0; 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 */ /* post edit options card */
.p-6 { .col-login .card .card-body {
/* border */ /* border */
/* border-top: solid 1px rgb(0,123,255,0.2); */ /* border-top: solid 1px rgb(0,123,255,0.2); */
border-right: solid 1px rgba(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 */ /* shadow horizontal-offset vertical-offset blur spread color */
box-shadow: 0 3px 5px 0 rgba(0,0,0,0.2); box-shadow: 0 3px 5px 0 rgba(0,0,0,0.2);
transition: 0.3s; transition: 0.3s;
}
.voting_buttons > div {
box-shadow: 0 3px 5px 0 rgba(0,0,0,0.1);
} }