fix(ui): info icons show the button hand, not the text caret (Windows)
The settings info icons are role="button" spans with a text "i" glyph but no cursor/user-select, so hovering the glyph gave the I-beam text caret on Windows (Linux happened to resolve a pointer). Add cursor:pointer + user-select:none so it reads as a button on every platform. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
parent
8d549eb4fa
commit
bd6db37624
1 changed files with 7 additions and 0 deletions
|
|
@ -56092,6 +56092,13 @@ tr.tag-diff-same {
|
||||||
#settings-page .info-icon {
|
#settings-page .info-icon {
|
||||||
/* Single clean circle with a centred "i" (was the ⓘ glyph, which carried
|
/* Single clean circle with a centred "i" (was the ⓘ glyph, which carried
|
||||||
its own inner circle → a double-circle that read as off-centre). */
|
its own inner circle → a double-circle that read as off-centre). */
|
||||||
|
/* It's a role="button" with a text "i" inside — without these, hovering the
|
||||||
|
glyph gives the I-beam text caret on Windows (Linux happened to resolve a
|
||||||
|
pointer). Force the button hand + make the glyph non-selectable so the
|
||||||
|
cursor is the same on every platform. */
|
||||||
|
cursor: pointer;
|
||||||
|
-webkit-user-select: none;
|
||||||
|
user-select: none;
|
||||||
display: inline-flex;
|
display: inline-flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue