Fix: Reduced the size of mini play button on desktop

dev: Code cleanup
This commit is contained in:
lscambo13
2024-12-27 08:11:03 -08:00
parent f9fe918fda
commit 841393f1bd

View File

@@ -116,7 +116,6 @@ html {
transition: .25s; transition: .25s;
border-radius: var(--largeRadius) !important; border-radius: var(--largeRadius) !important;
border: solid rgb(255 255 255 / 65%) var(--borderWidth); border: solid rgb(255 255 255 / 65%) var(--borderWidth);
/* mix-blend-mode: plus-lighter; */
background: var(--hoverGradient); background: var(--hoverGradient);
} }
@@ -125,17 +124,13 @@ html {
border-radius: var(--largeRadius); border-radius: var(--largeRadius);
} }
.cardOverlayContainer>.cardOverlayFab-primary {
/* display: none; */
}
.cardOverlayContainer>.cardOverlayFab-primary { .cardOverlayContainer>.cardOverlayFab-primary {
left: unset; left: unset;
margin-left: unset; margin-left: unset;
margin-top: unset; margin-top: unset;
top: unset; top: unset;
right: 1em; right: 1.25em;
bottom: 1em; bottom: 1.25em;
} }
.cardOverlayContainer>.cardOverlayFab-primary, .cardOverlayContainer>.cardOverlayFab-primary,
@@ -143,13 +138,11 @@ html {
background-color: rgba(0, 0, 0, 0.9); background-color: rgba(0, 0, 0, 0.9);
color: var(--textColor); color: var(--textColor);
border: solid var(--borderColor) var(--borderWidth); border: solid var(--borderColor) var(--borderWidth);
font-size: 100%; font-size: 75%;
} }
.cardOverlayContainer>.cardOverlayFab-primary:hover, .cardOverlayContainer>.cardOverlayFab-primary:hover,
.listItemImageButton:hover { .listItemImageButton:hover {
/* display: none; */
/* transition: .125s; */
background-color: rgba(0, 0, 0, 0.75) !important; background-color: rgba(0, 0, 0, 0.75) !important;
} }
@@ -163,7 +156,6 @@ html {
} }
.cardOverlayContainer:has(.cardOverlayButton:hover) { .cardOverlayContainer:has(.cardOverlayButton:hover) {
/* opacity: 1; */
backdrop-filter: blur(.25em); backdrop-filter: blur(.25em);
} }