diff options
| author | Conway <[email protected]> | 2026-04-06 18:40:40 -0400 |
|---|---|---|
| committer | Conway <[email protected]> | 2026-04-06 18:40:40 -0400 |
| commit | 27336783f769d5dd6114c9cfb1dc9baedb833ccb (patch) | |
| tree | 38c5610b004e1975a392ad267919274c73491098 /.obsidian/plugins/abacus-sorter/styles.css | |
| parent | 2539c3b53c13c87c89239d0cb4ca7ff3bd8c734a (diff) | |
Diffstat (limited to '.obsidian/plugins/abacus-sorter/styles.css')
| -rw-r--r-- | .obsidian/plugins/abacus-sorter/styles.css | 139 |
1 files changed, 139 insertions, 0 deletions
diff --git a/.obsidian/plugins/abacus-sorter/styles.css b/.obsidian/plugins/abacus-sorter/styles.css new file mode 100644 index 0000000..599055a --- /dev/null +++ b/.obsidian/plugins/abacus-sorter/styles.css @@ -0,0 +1,139 @@ +/* Abacus Custom Sorter */ + +/* Ribbon icon when suspended */ +.abacus-ribbon-suspended { + opacity: 0.4; +} + +/* Manual Order Modal */ +.abacus-manual-order-modal { + max-width: 500px; +} + +.abacus-modal-subtitle { + color: var(--text-muted); + margin-bottom: 4px; +} + +.abacus-modal-hint { + color: var(--text-faint); + font-size: var(--font-smallest); + margin-bottom: 12px; +} + +.abacus-order-list { + max-height: 400px; + overflow-y: auto; + border: 1px solid var(--background-modifier-border); + border-radius: 6px; + margin-bottom: 12px; +} + +.abacus-order-row { + display: flex; + align-items: center; + gap: 8px; + padding: 6px 10px; + border-bottom: 1px solid var(--background-modifier-border); + cursor: grab; + transition: background-color 0.1s; +} + +.abacus-order-row:last-child { + border-bottom: none; +} + +.abacus-order-row:hover { + background-color: var(--background-modifier-hover); +} + +.abacus-order-row.abacus-dragging { + opacity: 0.4; +} + +.abacus-order-row.abacus-drag-over { + background-color: var(--interactive-accent); + color: var(--text-on-accent); +} + +.abacus-drag-handle { + color: var(--text-faint); + cursor: grab; + user-select: none; + font-size: 14px; + flex-shrink: 0; +} + +.abacus-order-index { + color: var(--text-muted); + font-size: var(--font-smallest); + min-width: 20px; + text-align: right; + flex-shrink: 0; +} + +.abacus-order-name { + flex: 1; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.abacus-order-buttons { + display: flex; + gap: 2px; + flex-shrink: 0; +} + +.abacus-order-btn { + background: none; + border: none; + color: var(--text-muted); + cursor: pointer; + padding: 2px 4px; + font-size: 10px; + border-radius: 3px; +} + +.abacus-order-btn:hover { + background-color: var(--background-modifier-hover); + color: var(--text-normal); +} + +.abacus-modal-buttons { + display: flex; + gap: 8px; + justify-content: flex-end; +} + +/* Quick Sort Modal */ +.abacus-quick-sort-modal { + max-width: 350px; +} + +.abacus-quick-sort-list { + display: flex; + flex-direction: column; + gap: 4px; + margin-bottom: 12px; +} + +.abacus-quick-sort-option { + text-align: left; + padding: 8px 12px; + border: 1px solid var(--background-modifier-border); + border-radius: 6px; + background: var(--background-secondary); + cursor: pointer; + transition: background-color 0.1s; +} + +.abacus-quick-sort-option:hover { + background-color: var(--interactive-accent); + color: var(--text-on-accent); +} + +.abacus-quick-sort-cancel { + margin-top: 4px; + align-self: flex-end; +} |
