New: Disabled the brightness filter, added slight shadow and reduced the transition duration on cards

This commit is contained in:
lscambo13
2025-06-14 11:46:26 -07:00
parent bab21080c5
commit 9454c9eb05

View File

@@ -174,12 +174,12 @@ html {
.card { .card {
padding: .375em; padding: .375em;
transition: width 650ms; transition: width .5s;
} }
.card:focus .cardBox:not(.visualCardBox) .cardScalable { .card:focus .cardBox:not(.visualCardBox) .cardScalable {
border-color: var(--highlightOutlineColor) !important; border-color: var(--highlightOutlineColor) !important;
filter: brightness(1.125); /* filter: brightness(1.125); */
} }
.mdl-radio__focus-circle, .mdl-radio__focus-circle,
@@ -236,6 +236,7 @@ html {
border-radius: var(--largeRadius); border-radius: var(--largeRadius);
border: var(--darkerBorderColor) solid var(--borderWidthDouble) !important; border: var(--darkerBorderColor) solid var(--borderWidthDouble) !important;
overflow: hidden !important; overflow: hidden !important;
box-shadow: 0 0 .25em 0 rgba(0, 0, 0, .4);
transition: transform 125ms; transition: transform 125ms;
} }
@@ -304,7 +305,7 @@ html {
.card.card-hoverable:hover .cardImageContainer { .card.card-hoverable:hover .cardImageContainer {
transform: scale(1.025); transform: scale(1.025);
filter: brightness(1.025); /* filter: brightness(1.025); */
} }
.card.card-hoverable .itemSelectionPanel { .card.card-hoverable .itemSelectionPanel {
@@ -1855,12 +1856,12 @@ div[data-type="PhotoAlbum"] .play_arrow:before {
.fab:focus { .fab:focus {
background: var(--lighterGradientPoint) !important; background: var(--lighterGradientPoint) !important;
filter: brightness(1.35); filter: brightness(1.2);
} }
.raised:focus { .raised:focus {
background: inherit; background: inherit;
filter: brightness(1.35); filter: brightness(1.2);
} }
.raised:active, .raised:active,