GithubBackup/MoviePilot-Frontend
1
0
Fork 0
mirror of https://github.com/jxxghp/MoviePilot-Frontend.git synced 2026-09-08 09:16:58 +08:00
Code Issues Packages Projects Releases Wiki Activity

Refine folded FAB appearance

Browse Source
This commit is contained in:
jxxghp
2026-06-30 06:24:36 +08:00
parent 00051a0eac
commit 2d8ae9f462
1 changed files with 7 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/styles/common.scss
+7 -9
View File
@@ -1216,14 +1216,17 @@ html[data-theme="transparent"] .app-card-colorful,
transform 0.12s ease; transform 0.12s ease;
} }
.compact-fab-stack:has(> :nth-child(2)) > :last-child .v-btn {
opacity: 0.78;
}
.compact-fab-stack:has(> :nth-child(2)):not(:hover):not(:focus-within) > :last-child .v-icon { .compact-fab-stack:has(> :nth-child(2)):not(:hover):not(:focus-within) > :last-child .v-icon {
opacity: 0; opacity: 0;
} }
.compact-fab-stack:has(> :nth-child(2)):not(:hover):not(:focus-within) > :last-child .v-btn {
border-color: rgba(var(--v-theme-primary), 0.28);
background-color: rgba(var(--v-theme-primary), 0.18) !important;
box-shadow: var(--app-fab-shadow-strong);
color: rgb(var(--v-theme-primary)) !important;
}
.compact-fab-stack:has(> :nth-child(2)):not(:hover):not(:focus-within) > :last-child .v-btn__content { .compact-fab-stack:has(> :nth-child(2)):not(:hover):not(:focus-within) > :last-child .v-btn__content {
position: relative; position: relative;
} }
@@ -1263,11 +1266,6 @@ html[data-theme="transparent"] .app-card-colorful,
transform: translateY(0); transform: translateY(0);
} }
.compact-fab-stack:has(> :nth-child(2)):hover > :last-child .v-btn,
.compact-fab-stack:has(> :nth-child(2)):focus-within > :last-child .v-btn {
opacity: 0.98;
}
.compact-fab-stack > :nth-last-child(2) { .compact-fab-stack > :nth-last-child(2) {
--compact-fab-order: 1; --compact-fab-order: 1;
} }