From a0f26117a61d590f0850203844417d20683c1902 Mon Sep 17 00:00:00 2001 From: yuetsh <517252939@qq.com> Date: Tue, 16 Jun 2026 22:18:01 -0600 Subject: [PATCH] feat: add transitions and active-press feedback to buttons and editable fields --- src/style.css | 13 +++++++++++++ 1 file changed, 13 insertions(+) diff --git a/src/style.css b/src/style.css index 6c2d2b0..1cdb23a 100644 --- a/src/style.css +++ b/src/style.css @@ -84,6 +84,7 @@ input { color: var(--green-700); cursor: pointer; white-space: nowrap; + transition: background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease; } .ui-button:hover:not(:disabled) { @@ -118,6 +119,13 @@ input { border-color: #c0392b; } +.ui-button:active:not(:disabled), +.workspace-toolbar button:active:not(:disabled), +.dialog-actions button:active:not(:disabled), +.process-step-actions button:active:not(:disabled) { + filter: brightness(0.95); +} + .ui-field, .ui-select { border: 1px solid var(--line); @@ -197,6 +205,7 @@ input { padding: 6px 14px; color: var(--green-700); cursor: pointer; + transition: background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease; } .workspace-toolbar button:hover:not(:disabled) { @@ -442,6 +451,7 @@ table { font-size: 12px; cursor: pointer; color: #c0392b; + transition: background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease; } .process-step-actions button:disabled { @@ -484,6 +494,7 @@ table { background: transparent; resize: none; overflow: hidden; + transition: background-color 0.15s ease, border-color 0.15s ease; } .editable-text--multiline { @@ -517,6 +528,7 @@ table { border-radius: var(--radius-sm); border: 1px solid transparent; cursor: text; + transition: background-color 0.15s ease, border-color 0.15s ease; } .markdown-preview--empty { @@ -635,6 +647,7 @@ table { border-radius: var(--radius-md); padding: 6px 14px; cursor: pointer; + transition: background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease; } .app-notice {