From 7db05a7051188cfc4fd15f9948824f9560c49e71 Mon Sep 17 00:00:00 2001
From: Peter Bjerg Lidegaard <dbf.black.bull@gmail.com>
Date: Mon, 22 Jan 2024 13:17:21 +0100
Subject: [PATCH] Added styling back to show mouseover text for radio buttons

---
 ADnD_2E_Revised/2EStyle.css          | 29 ++++++++++++++++------------
 ADnD_2E_Revised/css/2EStyle-base.css | 29 ++++++++++++++++------------
 2 files changed, 34 insertions(+), 24 deletions(-)

diff --git a/ADnD_2E_Revised/2EStyle.css b/ADnD_2E_Revised/2EStyle.css
index d0e5c2572a5d..880771ced94c 100644
--- a/ADnD_2E_Revised/2EStyle.css
+++ b/ADnD_2E_Revised/2EStyle.css
@@ -251,7 +251,7 @@ textarea.sheet-input-like {
     display: block;
 }
 
-/* Fake checkbox */
+/*#region Fake checkbox*/
 .charsheet label input[type="radio"],
 .charsheet label input[type="checkbox"] {
     display: inline-block; /* Display the checkbox to show mouse over text */
@@ -293,6 +293,21 @@ textarea.sheet-input-like {
     content: "✓";
 }
 
+/* Actual checkbox aligned for mouseover text */
+.charsheet label input[type="radio"],
+.charsheet input[type="checkbox"] {
+    opacity: 0;
+    width: 16px;
+    height: 16px;
+    position: relative;
+    left: 14px;
+    margin-left: -10px;
+    margin-right: -6px;
+    cursor: pointer;
+    z-index: 1;
+}
+/*#endregion Fake checkbox*/
+
 .charsheet input.sheet-tab1:checked ~ .sheet-section-character-page,
 .charsheet input.sheet-tab2:checked ~ .sheet-section-monster-page,
 .charsheet input.sheet-tab3:checked ~ .sheet-section-character-info,
@@ -503,6 +518,7 @@ textarea.sheet-input-like {
     border-radius: 4px;
 }
 
+/* Tab styling */
 .charsheet input[type="radio"] {
     opacity: 0;
     width: 120px;
@@ -511,17 +527,6 @@ textarea.sheet-input-like {
     cursor: pointer;
     z-index: 1;
 }
-.charsheet input[type="checkbox"] {
-    opacity: 0;
-    width: 16px;
-    height: 16px;
-    position: relative;
-    left: 14px;
-    margin-left: -10px;
-    margin-right: -6px;
-    cursor: pointer;
-    z-index: 1;
-}
 
 input.sheet-tab + span::before {
     margin-right: 4px;
diff --git a/ADnD_2E_Revised/css/2EStyle-base.css b/ADnD_2E_Revised/css/2EStyle-base.css
index 982ca0e31858..5e88953e02b9 100644
--- a/ADnD_2E_Revised/css/2EStyle-base.css
+++ b/ADnD_2E_Revised/css/2EStyle-base.css
@@ -251,7 +251,7 @@ textarea.sheet-input-like {
     display: block;
 }
 
-/* Fake checkbox */
+/*#region Fake checkbox*/
 .charsheet label input[type="radio"],
 .charsheet label input[type="checkbox"] {
     display: inline-block; /* Display the checkbox to show mouse over text */
@@ -293,6 +293,21 @@ textarea.sheet-input-like {
     content: "✓";
 }
 
+/* Actual checkbox aligned for mouseover text */
+.charsheet label input[type="radio"],
+.charsheet input[type="checkbox"] {
+    opacity: 0;
+    width: 16px;
+    height: 16px;
+    position: relative;
+    left: 14px;
+    margin-left: -10px;
+    margin-right: -6px;
+    cursor: pointer;
+    z-index: 1;
+}
+/*#endregion Fake checkbox*/
+
 .charsheet input.sheet-tab1:checked ~ .sheet-section-character-page,
 .charsheet input.sheet-tab2:checked ~ .sheet-section-monster-page,
 .charsheet input.sheet-tab3:checked ~ .sheet-section-character-info,
@@ -503,6 +518,7 @@ textarea.sheet-input-like {
     border-radius: 4px;
 }
 
+/* Tab styling */
 .charsheet input[type="radio"] {
     opacity: 0;
     width: 120px;
@@ -511,17 +527,6 @@ textarea.sheet-input-like {
     cursor: pointer;
     z-index: 1;
 }
-.charsheet input[type="checkbox"] {
-    opacity: 0;
-    width: 16px;
-    height: 16px;
-    position: relative;
-    left: 14px;
-    margin-left: -10px;
-    margin-right: -6px;
-    cursor: pointer;
-    z-index: 1;
-}
 
 input.sheet-tab + span::before {
     margin-right: 4px;