xuyue/teaching-design
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
yuetsh
2026-06-16 22:18:01 -06:00
parent e3a21a46b5
commit a0f26117a6
1 changed files with 13 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/style.css
View File

@@ -84,6 +84,7 @@ input {
color: var(--green-700); color: var(--green-700);
cursor: pointer; cursor: pointer;
white-space: nowrap; white-space: nowrap;
transition: background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
} }
.ui-button:hover:not(:disabled) { .ui-button:hover:not(:disabled) {
@@ -118,6 +119,13 @@ input {
border-color: #c0392b; 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-field,
.ui-select { .ui-select {
border: 1px solid var(--line); border: 1px solid var(--line);
@@ -197,6 +205,7 @@ input {
padding: 6px 14px; padding: 6px 14px;
color: var(--green-700); color: var(--green-700);
cursor: pointer; cursor: pointer;
transition: background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
} }
.workspace-toolbar button:hover:not(:disabled) { .workspace-toolbar button:hover:not(:disabled) {
@@ -442,6 +451,7 @@ table {
font-size: 12px; font-size: 12px;
cursor: pointer; cursor: pointer;
color: #c0392b; color: #c0392b;
transition: background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
} }
.process-step-actions button:disabled { .process-step-actions button:disabled {
@@ -484,6 +494,7 @@ table {
background: transparent; background: transparent;
resize: none; resize: none;
overflow: hidden; overflow: hidden;
transition: background-color 0.15s ease, border-color 0.15s ease;
} }
.editable-text--multiline { .editable-text--multiline {
@@ -517,6 +528,7 @@ table {
border-radius: var(--radius-sm); border-radius: var(--radius-sm);
border: 1px solid transparent; border: 1px solid transparent;
cursor: text; cursor: text;
transition: background-color 0.15s ease, border-color 0.15s ease;
} }
.markdown-preview--empty { .markdown-preview--empty {
@@ -635,6 +647,7 @@ table {
border-radius: var(--radius-md); border-radius: var(--radius-md);
padding: 6px 14px; padding: 6px 14px;
cursor: pointer; cursor: pointer;
transition: background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
} }
.app-notice { .app-notice {