feat: add transitions and active-press feedback to buttons and editable fields

This commit is contained in:
2026-06-16 22:18:01 -06:00
parent e3a21a46b5
commit a0f26117a6

View File

@@ -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 {