Skip to content

Commit 644b514

Browse files
rorarclaude
andcommitted
fix: subtle hover animation for fullscreen expand button
Replace solid fill hover with soft color transition: - Default: muted text, transparent bg, no border - Hover: accent color text + faint border, smooth 200ms ease Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
1 parent c19c429 commit 644b514

1 file changed

Lines changed: 6 additions & 6 deletions

File tree

docs/stylesheets/extra.css

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -114,18 +114,18 @@
114114
gap: 0.3rem;
115115
margin: 0.5rem auto 0;
116116
padding: 0.3rem 0.8rem;
117-
border: 1px solid var(--md-accent-fg-color);
117+
border: 1px solid transparent;
118118
border-radius: 4px;
119-
background: var(--md-accent-fg-color--transparent);
120-
color: var(--md-accent-fg-color);
119+
background: transparent;
120+
color: var(--md-default-fg-color--light);
121121
font-size: 0.78rem;
122122
cursor: pointer;
123-
transition: background 0.15s, color 0.15s;
123+
transition: color 0.2s ease, border-color 0.2s ease;
124124
}
125125

126126
.mermaid-expand-btn:hover {
127-
background: var(--md-accent-fg-color);
128-
color: var(--md-accent-fg-color--transparent, #fff);
127+
color: var(--md-accent-fg-color);
128+
border-color: var(--md-accent-fg-color--transparent);
129129
}
130130

131131
/* Fullscreen wrapper — contains .mermaid element + close button */

0 commit comments

Comments
 (0)