Skip to content

Commit 5007205

Browse files
committed
Add press-scale feedback to drawer menu items
Match the <ol-button> press affordance: menu links and the logout button scale to 0.97 on :active with an 0.08s transform transition. Hover color changes stay instant per docs/ai/design.md.
1 parent 80aaf84 commit 5007205

1 file changed

Lines changed: 8 additions & 0 deletions

File tree

static/css/components/header-bar.css

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -750,6 +750,14 @@
750750
padding: var(--spacing-sm) var(--spacing-inset-sm);
751751
border-radius: var(--border-radius-button);
752752
display: block;
753+
/* Hover color changes are instant (see docs/ai/design.md); only the
754+
:active press-scale animates. Mirrors the <ol-button> press feedback. */
755+
transition: transform 0.08s;
756+
}
757+
758+
.drawer-menu__item a:active,
759+
.drawer-menu__item button:active {
760+
transform: scale(0.97);
753761
}
754762

755763
.drawer-menu__item button {

0 commit comments

Comments
 (0)