From bcd9be7237da84d1338df990217032e7d14382bb Mon Sep 17 00:00:00 2001 From: Jesse Liberty Date: Sun, 27 Sep 2026 07:14:54 -0400 Subject: [PATCH] fix: update styles for range-go button and enhance command-bar button states --- BlogWriter.Web/wwwroot/app.css | 20 ++++---------------- 1 file changed, 4 insertions(+), 16 deletions(-) diff --git a/BlogWriter.Web/wwwroot/app.css b/BlogWriter.Web/wwwroot/app.css index 11bf2a4..b3aa373 100644 --- a/BlogWriter.Web/wwwroot/app.css +++ b/BlogWriter.Web/wwwroot/app.css @@ -122,19 +122,7 @@ button, a { touch-action: manipulation; } .range-field input[aria-invalid="true"] { border-color: #9d2c20; } .range-separator { align-self: end; padding-bottom: 9px; color: var(--muted); font-size: .72rem; } .range-error { max-width: 150px; color: #9d2c20; font-size: .68rem; line-height: 1.25; } -.command-bar .range-go { - align-self: end; - min-height: 36px; - border: 1px solid var(--forest-dark); - padding: 6px 12px; - background: var(--forest-light); - color: var(--forest-dark); - cursor: pointer; -} -.command-bar .range-go:hover:not(:disabled) { background: var(--forest-light); color: var(--forest-dark); } -.command-bar .range-go:active:not(:disabled) { background: var(--forest-dark); color: white; } -.command-bar .range-go:disabled { border-color: var(--line); background: #ecece7; color: #8a918c; cursor: not-allowed; } -.command-bar .range-go:active:disabled { background: #ecece7; } +.command-bar .range-go { align-self: end; min-height: 36px; padding: 6px 12px; } .work-grid { min-height: 32vh; display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(280px, .75fr); border: 1px solid var(--ink); } .work-pane { min-width: 0; display: grid; grid-template-rows: auto minmax(0, 1fr); background: var(--surface); } @@ -172,9 +160,9 @@ button, a { touch-action: manipulation; } .command-bar button[data-command="new"], .command-bar button[data-command="quit"] { border-color: var(--coral-dark); background: var(--coral); color: white; } .command-bar button[data-command="new"]:hover:not(:disabled), .command-bar button[data-command="quit"]:hover:not(:disabled) { background: var(--coral-dark); } .command-bar button[data-command="new"]:active:not(:disabled), .command-bar button[data-command="quit"]:active:not(:disabled) { background: var(--coral-deep); } -.command-bar button[data-command="list"], .command-bar button[data-command="help"] { border-color: var(--forest-dark); background: var(--forest); color: white; } -.command-bar button[data-command="list"]:hover:not(:disabled), .command-bar button[data-command="help"]:hover:not(:disabled) { background: var(--forest-dark); } -.command-bar button[data-command="list"]:active:not(:disabled), .command-bar button[data-command="help"]:active:not(:disabled) { background: var(--forest-deep); } +.command-bar button[data-command="list"], .command-bar button[data-command="help"], .command-bar button[data-command="go"] { border-color: var(--forest-dark); background: var(--forest); color: white; } +.command-bar button[data-command="list"]:hover:not(:disabled), .command-bar button[data-command="help"]:hover:not(:disabled), .command-bar button[data-command="go"]:hover:not(:disabled) { background: var(--forest-dark); } +.command-bar button[data-command="list"]:active:not(:disabled), .command-bar button[data-command="help"]:active:not(:disabled), .command-bar button[data-command="go"]:active:not(:disabled) { background: var(--forest-deep); } .command-bar button:disabled, .command-bar button:disabled:hover, .command-bar button:disabled:active { border-color: var(--line); background: #ecece7; color: #8a918c; cursor: not-allowed; }