feat(demo): add story 1 — Sorano: Rock and Time

2026-06-20 21:19:57 +02:00
parent 42ed59a6b3
commit 8f87155c1d
5508 changed files with 1595740 additions and 124 deletions
@@ -0,0 +1,74 @@
+// Config Search Feature
+.config-search-wrapper {
+    padding: 1rem 1rem 0;
+    border-radius: 4px;
+}
+
+.config-search-inner {
+    position: relative;
+    display: inline-flex;
+    align-items: center;
+    max-width: 360px;
+    width: 100%;
+}
+
+.config-search-icon {
+    position: absolute;
+    left: 10px;
+    pointer-events: none;
+    font-size: 0.8rem;
+}
+
+#config-search-input {
+    width: 100%;
+    padding: 6px 28px 6px 30px;
+    border: $form-border-width solid $core-border-color;
+    border-radius: $form-border-radius;
+    font-size: 0.85rem;
+    outline: none;
+    transition: border-color 0.15s ease, box-shadow 0.15s ease;
+    line-height: 1.4;
+}
+
+.config-search-clear {
+    position: absolute;
+    right: 7px;
+    background: none;
+    border: none;
+    cursor: pointer;
+    display: none;
+    padding: 2px 3px;
+    font-size: 0.75rem;
+    line-height: 1;
+    align-items: center;
+    justify-content: center;
+}
+
+// Badge showing match count in tab nav link
+.search-count-badge {
+    display: inline-block;
+    font-size: 0.6rem;
+    font-weight: bold;
+    padding: 1px 5px;
+    border-radius: 10px;
+    margin-left: 6px;
+    vertical-align: middle;
+    line-height: 1.6;
+    min-width: 16px;
+    text-align: center;
+}
+
+// Hide tabs with no matches
+.tabs-nav .tab__link.search-no-match {
+    display: none !important;
+}
+
+// Highlight matching form field rows
+.form-field.grid.search-highlight {
+    border-radius: 3px;
+}
+
+// Hide sections with no matches on flat (non-tabbed) layouts
+.block.search-hidden {
+    display: none;
+}