tagliatelle

commit a66361ccd2ddca9a356320ec45a49f5bb0da7c12
parent fdaf54043e87fc8095cb6ba2fb8837571649a52c
Author: breadcat <breadcat@users.noreply.github.com>
Date:   Sat, 11 Apr 2026 09:10:22 +0100

Replace sed rules window with dropdown menu

Diffstat:
M
static/style.css
 | 
14
++++++++++++--
M
templates/notes.html
 | 
43
+++++++++++++++++++++++++------------------

2 files changed, 37 insertions(+), 20 deletions(-)
diff --git a/static/style.css b/static/style.css
@@ -174,4 +174,15 @@ textarea{flex:1;padding:20px;border:none;font-family:'Monaco','Menlo','Consolas'
 
 /* admin 50:50 splits */
 div.config-container {display: flex}
-div.config-split {flex: 1}
-\ No newline at end of file
+div.config-split {flex: 1}
+
+/* notes sed dropdown menu */
+.dropdown{position:relative;display:inline-block}
+.dropdown-menu{display:none;position:absolute;top:100%;left:0;background:#fff;border:1px solid #ddd;border-radius:6px;min-width:250px;box-shadow:0 4px 12px rgba(0,0,0,.1);z-index:1000}
+.dropdown:focus-within .dropdown-menu{display:block}
+.dropdown:hover .dropdown-menu{display:block}
+.dropdown-item{display:block;width:100%;padding:10px;text-align:left;background:0 0;border:none;cursor:pointer}
+.dropdown-item:hover{background-color:#f5f5f5}
+.dropdown-empty{padding:10px;color:#666;font-size:14px}
+.operation-name{font-weight:700}
+.operation-desc{font-size:12px;color:#666}
diff --git a/templates/notes.html b/templates/notes.html
@@ -1,23 +1,5 @@
 {{template "_header" .}}
 
-<details><summary>Sed Operations</summary>
-        <div class="operations-panel">
-            {{if .Data.SedRules}}
-            <div class="operations-grid">
-                {{range $index, $rule := .Data.SedRules}}
-                <button class="operation-btn" onclick="applySedRule({{$index}})">
-                    <div class="operation-name">{{$rule.Name}}</div>
-                    <div class="operation-desc">{{$rule.Description}}</div>
-                </button>
-                {{end}}
-            </div>
-            {{else}}
-            <div style="padding: 15px; background-color: #f8f9fa; border: 1px solid #ddd; border-radius: 4px; color: #666;">
-                No sed rules configured. Add sed rules in the <a href="/admin" style="color: #007bff;">Admin → Sed Rules</a> section.
-            </div>
-            {{end}}
-</details>
-
 <details><summary>Import and Export</summary>
 
             <div class="import-form">
@@ -52,6 +34,31 @@
             <div class="toolbar-group">
                 <button class="btn btn-secondary" onclick="clearFilters()">Clear</button>
                 <button class="btn btn-secondary" onclick="previewProcessing()">Preview</button>
+
+
+
+    <div class="dropdown">
+        <button class="btn btn-secondary dropdown-toggle">
+            Sed Rules ▼
+        </button>
+
+        <div class="dropdown-menu">
+            {{if .Data.SedRules}}
+                {{range $index, $rule := .Data.SedRules}}
+                <button class="dropdown-item" onclick="applySedRule({{$index}})">
+                    <div class="operation-name">{{$rule.Name}}</div>
+                    <div class="operation-desc">{{$rule.Description}}</div>
+                </button>
+                {{end}}
+            {{else}}
+                <div class="dropdown-empty">
+                    No sed rules configured.<br>
+                    <a href="/admin">Admin → Sed Rules</a>
+                </div>
+            {{end}}
+        </div>
+    </div>
+
             </div>
             <div class="toolbar-actions">
                 <button class="btn btn-success" onclick="saveNotes()">Save</button>