css: fieldset legends, should become collapsible

2025-07-27 07:44:05 +02:00 · 2015-10-28 22:22:44 +01:00 · 2015-10-28 22:22:44 +01:00 · c9c960d86a
commit c9c960d86a
parent a64d7d3072
1 changed files with 37 additions and 0 deletions
--- a/public/css/module.less
+++ b/public/css/module.less
@ -159,6 +159,43 @@ ul.main-actions {
  }
 }

+fieldset {
+    legend {
+        padding-left: 1em;
+        cursor: pointer;
+        user-select: none;
+        -webkit-user-select: none;
+        -moz-user-select: none;
+        -ms-user-select: none;
+
+        &:hover {
+            border-style: dotted;
+        }
+
+        &::before {
+            // icon: down-dir
+            font-family: 'ifont';
+            content: '\e81d';
+            margin-left: -1em;
+            padding-top: 0.25em;
+            float: left;
+            color: inherit;
+        }
+    }
+
+    &.collapsed {
+        dd, dt {
+            display: none;
+        }
+
+        legend::before {
+            // icon: right-dir
+            content: '\e820';
+        }
+
+    }
+}
+
 /* BEGIN Forms */
 form dt label {
    width: auto;