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

Fix: Added consistent gap between icon with text inside some buttons i.e. sort button

Browse Source
This commit is contained in:
lscambo13 committed 2026-03-18 21:56:37 +05:30
1 parent 0c118996a0
commit 8fac6f51bf
1 file changed
+15 -7
Download Patch File Download Diff File Expand all files Collapse all files
Theme/ElegantFin-theme-nightly.css
+15 -7
View File
@@ -266,6 +266,10 @@ body {
color: var(--uiAccentColor); color: var(--uiAccentColor);
} }
.emby-button {
gap: 1ch;
}
.emby-button.show-focus:focus, .emby-button.show-focus:focus,
.paper-icon-button-light.show-focus:focus, .paper-icon-button-light.show-focus:focus,
.emby-tabs .emby-button.show-focus:focus { .emby-tabs .emby-button.show-focus:focus {
@@ -487,8 +491,8 @@ body {
.layout-mobile .cardOverlayButton-br, .layout-mobile .cardOverlayButton-br,
[dir="ltr"] .layout-mobile .cardOverlayButton-br { [dir="ltr"] .layout-mobile .cardOverlayButton-br {
bottom: 0.25em; /* bottom: 0.25em;
right: 0.25em; right: 0.25em; */
display: var(--miniOverlayButtonVisibility); display: var(--miniOverlayButtonVisibility);
} }
@@ -2341,7 +2345,7 @@ div[data-type="PhotoAlbum"] .play_arrow:before {
.btnPlay:not(.formDialogFooterItem):not(.play-button):after { .btnPlay:not(.formDialogFooterItem):not(.play-button):after {
content: attr(title); content: attr(title);
padding: 0 1ch; padding-right: 1ch;
} }
.btnPlay > .detailButton-content::after { .btnPlay > .detailButton-content::after {
@@ -2605,10 +2609,14 @@ div[data-role="controlgroup"] a.ui-btn-active {
font-size: unset; font-size: unset;
} }
[dir="ltr"] .actionsheetMenuItemIcon.check { [dir="ltr"] .actionsheetMenuItemIcon {
margin: 0 0.45em 0 0.45em !important; margin: 0 0.2em 0 0.45em !important;
} }
/* [dir="ltr"] .actionsheetMenuItemIcon.check {
margin: 0 0.45em 0 0.45em !important;
} */
.actionSheetMenuItem:has(.listItemIcon.check) { .actionSheetMenuItem:has(.listItemIcon.check) {
background-color: var(--activeColor); background-color: var(--activeColor);
} }
@@ -2998,7 +3006,7 @@ div[data-role="controlgroup"] a.ui-btn-active {
} }
.sectionTitleTextButton > .material-icons.chevron_right { .sectionTitleTextButton > .material-icons.chevron_right {
margin-left: 0.5rem !important; /* margin-left: 0.5rem !important; */
height: 1.5rem; height: 1.5rem;
width: 1.5rem; width: 1.5rem;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23D1D5DB' aria-hidden='true'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M12.75 15l3-3m0 0l-3-3m3 3h-7.5M21 12a9 9 0 11-18 0 9 9 0 0118 0z'%3E%3C/path%3E%3C/svg%3E") background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23D1D5DB' aria-hidden='true'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M12.75 15l3-3m0 0l-3-3m3 3h-7.5M21 12a9 9 0 11-18 0 9 9 0 0118 0z'%3E%3C/path%3E%3C/svg%3E")
@@ -3823,7 +3831,7 @@ ul.MuiList-root.MuiMenu-list.MuiList-dense > div:first-child {
.noHomeButtonHeader .emby-tab-button:before { .noHomeButtonHeader .emby-tab-button:before {
font-family: "Material Icons Round"; font-family: "Material Icons Round";
padding-inline-end: 0.5ch; /* padding-inline-end: 0.5ch; */
font-size: 1.2em; font-size: 1.2em;
font-variation-settings: "FILL" 0; font-variation-settings: "FILL" 0;
} }