boris/ElegantFin
1
0 Fork 0
mirror of https://github.com/lscambo13/ElegantFin.git synced 2026-10-26 09:39:34 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix: Multi-selection checkboxes were not covering the cards fully because of minification

Browse Source 
dev: updated calc() functions to prevent issues caused by minification
This commit is contained in:
lscambo13 committed 2026-06-05 22:56:27 +05:30
1 parent ba0aabd07b
commit 3b4f966833
3 files changed
+9 -9
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

Theme/ElegantFin-theme-nightly.css
+7 -7
View File
@@ -1,4 +1,4 @@
/* ElegantFin Theme for Jellyfin by lscambo13 */
/*! ElegantFin Theme Nightly for Jellyfin by lscambo13 */
/* Add-ons: Uncomment to enable */
/* @import url(./assets/add-ons/media-bar-plugin-support-nightly.css); */
@@ -981,7 +981,7 @@ select {
}
.layout-mobile .card {
--padding: 1px;
--padding: 0px;
}
/* this makes the card sizes smaller when phone is in landscape mode */
@@ -1341,7 +1341,7 @@ select {
}
.layout-desktop #itemDetailPage:has(.detailImageContainer .person) .detailLogo {
top: calc(100vh - 1px - var(--secondaryItemPageNegativeSpace));
top: calc(100vh - var(--secondaryItemPageNegativeSpace));
}
.layout-mobile #itemDetailPage:has(.subtitle) .detailLogo {
@@ -2200,7 +2200,7 @@ progress + span {
}
.overflowBackdropCard .cardText-first + .itemSelectionPanel > .checkboxContainer {
height: calc(100% - 0em);
height: 100%;
}
.checkboxContainer .emby-checkbox:checked + span + .checkboxOutline.multiSelectCheckboxOutline {
@@ -2228,7 +2228,7 @@ progress + span {
.cardFooter + .itemSelectionPanel > .checkboxContainer,
.cardScalable + .itemSelectionPanel > .checkboxContainer {
height: calc(100% - 0em);
height: 100%;
}
.checkboxOutline.multiSelectCheckboxOutline {
@@ -3084,7 +3084,7 @@ div[data-role="controlgroup"] a.ui-btn-active {
.sectionTitleTextButton > * {
text-align: left;
/* !important are needed for proper alignment on phones */
/* the !important are needed for proper alignment on phones */
padding: 0.3em 0 !important;
margin: 0 0 !important;
/* this prevents long library names from breaking into another line */
@@ -3520,7 +3520,7 @@ table:not(.MuiTable-root.MuiTable-stickyHeader) {
}
ul.MuiList-root.MuiMenu-list.MuiList-dense > div:first-child {
/* ! Don't change these units. They are rem because that is standard for MUI */
/* Don't change these units. They are rem because that is standard for MUI */
gap: 0.5rem;
}
Theme/assets/add-ons/custom-media-covers-nightly.css
+1 -1
View File
@@ -1,4 +1,4 @@
/* Add-on: Custom media covers nightly for the ElegantFin Theme for Jellyfin by lscambo13 */
/*! Add-on: Custom Media Covers Nightly for the ElegantFin Theme for Jellyfin by lscambo13 */
:root {
/* my media library default covers customizations */
Theme/assets/add-ons/media-bar-plugin-support-nightly.css
+1 -1
View File
@@ -1,4 +1,4 @@
/* Add-on: Media Bar plugin support nightly for the ElegantFin Theme for Jellyfin by lscambo13 */
/*! Add-on: Media Bar Plugin Support Nightly for the ElegantFin Theme for Jellyfin by lscambo13 */
/* this styles the media bar plugin - start */
.play-button::before,
.detail-button::before,