Double-click to remove in Settings lists ❌

2025-12-07 09:36:05 -08:00 · 2024-04-23 22:57:24 +10:00
parent f600398353
commit a8fad6ac74
4 changed files with 57 additions and 6 deletions
--- a/front/css/app.css
+++ b/front/css/app.css
@@ -875,6 +875,27 @@ input[readonly] {
    cursor: not-allowed;
  }

+  .removable-option:hover::before {
+    opacity: 1;
+}
+
+  .removable-option::before {
+    content: 'Double-click to ❌';
+    position: absolute;
+    right: 0;
+    top: 0;
+    color: white;
+    background-color: rgb(255, 87, 87);
+    padding: 3px;
+    transition: opacity 0.5s;
+    opacity: 0;
+    border-radius: 3px;
+}
+
+.removable-option:hover {
+    transition: background-color 2s;
+    cursor: pointer;
+}

 /* ----------------------------------------------------------------- */
 /*                    Devices page                                   */