boris/ElegantFin
1
0
Fork 0
mirror of https://github.com/lscambo13/ElegantFin.git synced 2025-09-22 17:49:34 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix: Some corners were not rounded on Jellyfin Media Player

Browse Source 
dev: JMP uses Qt 5.15.2 (Chromium 83), so we disable outlines on this version in favor of borders using 'display:revert' that was introduced in Chromium 84.
This commit is contained in:
lscambo13
2025-01-16 06:09:57 -08:00
parent dc4ce0c51e
commit f3fcd0ec07
1 changed files with 43 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

46
Theme/ElegantFin-theme-nightly.css
View File

@@ -688,13 +688,25 @@ progress+span {
color: rgb(34, 197, 94); color: rgb(34, 197, 94);
} }
.itemDetailsGroup {
outline: var(--borderWidth) solid transparent;
outline-offset: calc(-1*var(--borderWidth));
overflow: hidden;
margin-top: 1.5em;
border: solid var(--borderColor) var(--borderWidth);
border-radius: var(--smallRadius);
}
@supports(display:revert) {
.itemDetailsGroup { .itemDetailsGroup {
outline: var(--borderWidth) solid var(--borderColor); outline: var(--borderWidth) solid var(--borderColor);
outline-offset: calc(-1*var(--borderWidth)); outline-offset: calc(-1*var(--borderWidth));
overflow: hidden; overflow: hidden;
margin-top: 1.5em; margin-top: 1.5em;
border: solid transparent var(--borderWidth);
border-radius: var(--smallRadius); border-radius: var(--smallRadius);
} }
}
.itemDetailsGroup>div:not(:last-child) { .itemDetailsGroup>div:not(:last-child) {
border-bottom: solid var(--borderColor) var(--borderWidth); border-bottom: solid var(--borderColor) var(--borderWidth);
@@ -826,11 +838,13 @@ progress+span {
border-color: white; border-color: white;
border-style: solid; border-style: solid;
border-width: calc(2 * var(--borderWidth)); border-width: calc(2 * var(--borderWidth));
outline: solid var(--borderWidth) white; outline: none;
} }
.layout-tv .emby-checkbox:checked+span+.checkboxOutline { @supports(display:revert) {
outline: none; .emby-checkbox:checked+span+.checkboxOutline {
outline: solid var(--borderWidth) white;
}
} }
.checkboxOutline { .checkboxOutline {
@@ -891,6 +905,18 @@ progress+span {
border: var(--lighterBorderColor) solid var(--borderWidth); border: var(--lighterBorderColor) solid var(--borderWidth);
} }
.emby-checkbox:focus:not(:checked)+span+.checkboxOutline {
border-color: var(--highlightOutlineColor) !important;
outline: var(--borderWidth) solid transparent;
outline-offset: calc(-2.5*var(--borderWidth));
}
.emby-checkbox:focus+span+.checkboxOutline {
border-color: var(--highlightOutlineColor) !important;
outline: var(--borderWidth) solid transparent;
}
@supports(display:revert) {
.emby-checkbox:focus:not(:checked)+span+.checkboxOutline { .emby-checkbox:focus:not(:checked)+span+.checkboxOutline {
border-color: var(--highlightOutlineColor) !important; border-color: var(--highlightOutlineColor) !important;
outline: var(--borderWidth) solid gray; outline: var(--borderWidth) solid gray;
@@ -901,6 +927,7 @@ progress+span {
border-color: white !important; border-color: white !important;
outline: var(--borderWidth) solid var(--highlightOutlineColor); outline: var(--borderWidth) solid var(--highlightOutlineColor);
} }
}
.layout-tv .emby-checkbox:focus:not(:checked)+span+.checkboxOutline { .layout-tv .emby-checkbox:focus:not(:checked)+span+.checkboxOutline {
outline: none; outline: none;
@@ -1352,14 +1379,17 @@ div[data-role=controlgroup] a.ui-btn-active {
.emby-input:focus, .emby-input:focus,
.emby-textarea:focus { .emby-textarea:focus {
border-color: var(--highlightOutlineColor) !important; border-color: var(--highlightOutlineColor) !important;
outline: thin solid var(--highlightOutlineColor) !important; outline: none !important;
} }
.layout-tv .emby-select-withcolor:focus, @supports (display:revert) {
.layout-tv .emby-input:focus,
.layout-tv .emby-textarea:focus { .emby-select-withcolor:focus,
.emby-input:focus,
.emby-textarea:focus {
border-color: var(--highlightOutlineColor) !important; border-color: var(--highlightOutlineColor) !important;
outline: none !important; outline: thin solid var(--highlightOutlineColor) !important;
}
} }
.emby-select-withcolor>option { .emby-select-withcolor>option {