From f3fcd0ec07bcaa6865a997f0e940711b01156779 Mon Sep 17 00:00:00 2001
From: lscambo13 <ls.cambo13@gmail.com>
Date: Thu, 16 Jan 2025 06:09:57 -0800
Subject: [PATCH] Fix: Some corners were not rounded on Jellyfin Media Player
 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.

---
 Theme/ElegantFin-theme-nightly.css | 56 +++++++++++++++++++++++-------
 1 file changed, 43 insertions(+), 13 deletions(-)

diff --git a/Theme/ElegantFin-theme-nightly.css b/Theme/ElegantFin-theme-nightly.css
index f014222..fa55202 100644
--- a/Theme/ElegantFin-theme-nightly.css
+++ b/Theme/ElegantFin-theme-nightly.css
@@ -689,13 +689,25 @@ progress+span {
 }
 
 .itemDetailsGroup {
-    outline: var(--borderWidth) solid var(--borderColor);
+    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 {
+        outline: var(--borderWidth) solid var(--borderColor);
+        outline-offset: calc(-1*var(--borderWidth));
+        overflow: hidden;
+        margin-top: 1.5em;
+        border: solid transparent var(--borderWidth);
+        border-radius: var(--smallRadius);
+    }
+}
+
 .itemDetailsGroup>div:not(:last-child) {
     border-bottom: solid var(--borderColor) var(--borderWidth);
 }
@@ -826,11 +838,13 @@ progress+span {
     border-color: white;
     border-style: solid;
     border-width: calc(2 * var(--borderWidth));
-    outline: solid var(--borderWidth) white;
+    outline: none;
 }
 
-.layout-tv .emby-checkbox:checked+span+.checkboxOutline {
-    outline: none;
+@supports(display:revert) {
+    .emby-checkbox:checked+span+.checkboxOutline {
+        outline: solid var(--borderWidth) white;
+    }
 }
 
 .checkboxOutline {
@@ -893,13 +907,26 @@ progress+span {
 
 .emby-checkbox:focus:not(:checked)+span+.checkboxOutline {
     border-color: var(--highlightOutlineColor) !important;
-    outline: var(--borderWidth) solid gray;
+    outline: var(--borderWidth) solid transparent;
     outline-offset: calc(-2.5*var(--borderWidth));
 }
 
 .emby-checkbox:focus+span+.checkboxOutline {
-    border-color: white !important;
-    outline: var(--borderWidth) solid var(--highlightOutlineColor);
+    border-color: var(--highlightOutlineColor) !important;
+    outline: var(--borderWidth) solid transparent;
+}
+
+@supports(display:revert) {
+    .emby-checkbox:focus:not(:checked)+span+.checkboxOutline {
+        border-color: var(--highlightOutlineColor) !important;
+        outline: var(--borderWidth) solid gray;
+        outline-offset: calc(-2.5*var(--borderWidth));
+    }
+
+    .emby-checkbox:focus+span+.checkboxOutline {
+        border-color: white !important;
+        outline: var(--borderWidth) solid var(--highlightOutlineColor);
+    }
 }
 
 .layout-tv .emby-checkbox:focus:not(:checked)+span+.checkboxOutline {
@@ -1352,14 +1379,17 @@ div[data-role=controlgroup] a.ui-btn-active {
 .emby-input:focus,
 .emby-textarea:focus {
     border-color: var(--highlightOutlineColor) !important;
-    outline: thin solid var(--highlightOutlineColor) !important;
+    outline: none !important;
 }
 
-.layout-tv .emby-select-withcolor:focus,
-.layout-tv .emby-input:focus,
-.layout-tv .emby-textarea:focus {
-    border-color: var(--highlightOutlineColor) !important;
-    outline: none !important;
+@supports (display:revert) {
+
+    .emby-select-withcolor:focus,
+    .emby-input:focus,
+    .emby-textarea:focus {
+        border-color: var(--highlightOutlineColor) !important;
+        outline: thin solid var(--highlightOutlineColor) !important;
+    }
 }
 
 .emby-select-withcolor>option {