Skip to content

Commit 0c16b70

Browse files
committed
fix: Stabilize Open note button hover behavior
Remove transform and box-shadow animations from Open note button that caused visual "jumping" on hover. Replace with consistent border styling that maintains stable button dimensions across all states (normal, hover, active). This aligns the button behavior with other modal buttons.
1 parent 4851ff6 commit 0c16b70

File tree

1 file changed

+4
-4
lines changed

1 file changed

+4
-4
lines changed

styles/task-modal.css

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -229,13 +229,13 @@
229229
.tasknotes-plugin .open-note-button:hover {
230230
background: var(--interactive-accent);
231231
color: var(--text-on-accent);
232-
transform: translateY(-1px);
233-
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
232+
border: 1px solid var(--interactive-accent);
234233
}
235234

236235
.tasknotes-plugin .open-note-button:active {
237-
transform: translateY(0);
238-
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
236+
background: var(--interactive-accent);
237+
color: var(--text-on-accent);
238+
border: 1px solid var(--interactive-accent);
239239
}
240240

241241
.tasknotes-plugin .button-spacer {

0 commit comments

Comments
 (0)