Merge 6d9437edf5 into b36258a8c7

themes/253a3a74-0cc4-47b7-8b82-996a64f030d5/chrome.css

@@ -1,3 +1,23 @@
+:root {
+    --floating-history-transform-translateX: 110%;
+    --floating-history-position-right: 15px;
+    --floating-history-position-left: auto;
+}
+
+/* Horizontal Position */
+
+:root:has(#theme-Floating-History[theme-floating_history-position="right"]) {
+    --floating-history-transform-translateX: 110%;
+    --floating-history-position-right: 15px;
+    --floating-history-position-left: auto;
+}
+
+:root:has(#theme-Floating-History[theme-floating_history-position="left"]) {
+    --floating-history-transform-translateX: -110%;
+    --floating-history-position-left: 15px;
+    --floating-history-position-right: auto;
+}
+
 /* Disable dragable splitter */
 #sidebar-box[sidebarcommand="viewHistorySidebar"] + splitter {
   display: none !important;
@@ -13,17 +33,12 @@
     order: none !important;
     height: 80% !important;
     width: 22em !important;
-    
-    body:has(#mod-floating_history[mod-floating_history-position="right"]) {
-        right: 15px;
-    }
- 
-    body:has(#mod-floating_history[mod-floating_history-position="left"]) {
-        left: 15px;
-    }
-    
   
     position: fixed !important;
+
+    right: var(--floating-history-position-right);
+    left: var(--floating-history-position-left);
+
     transform: translateX(50%) !important;
     z-index: 10;
   
@@ -42,26 +57,12 @@
   
     &[hidden="true"] {
 		display: flex !important;
-        
+        transform: translateX(var(--floating-history-transform-translateX)) translateY(12%) !important;
-        body:has(#mod-floating_history[mod-floating_history-position="right"]) {
-            transform: translateX(110%) translateY(12%) !important;
-        }
-
-        body:has(#mod-floating_history[mod-floating_history-position="left"]) {
-            transform: translateX(-110%) translateY(12%) !important;
-        }
 	}
     
     @starting-style {
         display: flex !important;
-        
+        transform: translateX(var(--floating-history-transform-translateX)) translateY(12%) !important;
-        body:has(#mod-floating_history[mod-floating_history-position="right"]) {
-            transform: translateX(110%) translateY(12%) !important;
-        }
-
-        body:has(#mod-floating_history[mod-floating_history-position="left"]) {
-            transform: translateX(-110%) translateY(12%) !important;
-        }
     }
   
     &[checked="true"] {
@@ -70,7 +71,6 @@
     }
 }
 
-
 /* Inner Styles of History Tab */
 
 #sidebar-box[sidebarcommand="viewHistorySidebar"] box#sidebar-header {

themes/253a3a74-0cc4-47b7-8b82-996a64f030d5/preferences.json

@@ -1,17 +1,18 @@
 [
     {
-        "property": "mod.floating_history.position",
+        "property": "theme.floating_history.position",
         "label": "Position",
         "type": "dropdown",
         "defaultValue": "right",
+        "placeholder": "Use Default (Right)",
         "options": [
-            {
-                "label": "Left",
-                "value": "left"
-            },
             {
                 "label": "Right",
                 "value": "right"
+            },
+            {
+                "label": "Left",
+                "value": "left"
             }
         ]
     }

themes/253a3a74-0cc4-47b7-8b82-996a64f030d5/theme.json

@@ -10,7 +10,7 @@
     "author": "ahmaadaziz",
     "createdAt": "2024-10-12",
     "updatedAt": "2025-06-25",
-    "version": "3.0.0",
+    "version": "2.2.0",
     "tags": [
         "history"
     ]