boris/ElegantFin
1
0
Fork 0
mirror of https://github.com/lscambo13/ElegantFin.git synced 2025-09-18 12:40:16 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix: Media Bar plugin - simplified the desktop design a bit

Browse Source
This commit is contained in:
lscambo13
2025-07-31 12:11:55 -07:00
parent 147cef7f70
commit b0cea1ef3e
1 changed files with 12 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
Theme/assets/add-ons/media-bar-plugin-support-nightly.css
View File

@@ -42,30 +42,27 @@
/* this is my own take */ /* this is my own take */
.layout-desktop #slides-container { .layout-desktop #slides-container {
width: calc(100vw - (2 * var(--sidePadding))); width: calc(100vw - (2 * var(--sidePadding)));
height: 62%; height: 60%;
top: 8em; top: 8em;
border: var(--defaultBorder); border: var(--defaultBorder);
border-radius: var(--largerRadius); border-radius: var(--largerRadius);
transition: all .25s, border 0s; transition: all .125s, border 0s;
} user-select: none;
.layout-desktop #slides-container:active {
width: 100vw;
height: 90%;
top: 0em;
border: none;
border-radius: 0;
} }
.layout-desktop .logo-container { .layout-desktop .logo-container {
top: 8vh; top: 10vh;
} }
/* .layout-desktop .backdrop, .layout-desktop .backdrop,
.layout-desktop .backdrop-container, .layout-desktop .backdrop-container,
.layout-desktop .backdrop-overlay { .layout-desktop .backdrop-overlay {
mask-image: linear-gradient(180deg, rgba(0, 0, 0, .85), 70%, rgba(0, 0, 0, .3)); mask-image: none;
-webkit-mask-image: linear-gradient(180deg, rgba(0, 0, 0, .85), 70%, rgba(0, 0, 0, .3)); -webkit-mask-image: none;
} */ }
.layout-desktop .backdrop-overlay {
background: linear-gradient(0deg, rgba(0, 0, 0, .85), 40%, transparent);
}
/* this styles the media bar plugin - end */ /* this styles the media bar plugin - end */