Skip to content

Commit ae2c4f9

Browse files
JSKittyclaude
andcommitted
fix: GIF loading spinner rendered as a padded square
The .emoji-picker span emoji-cell rule clobbered the spinner's circle (30px padded rounded-square). Re-assert its shape and bump it to 48px. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
1 parent 725f4e0 commit ae2c4f9

1 file changed

Lines changed: 10 additions & 0 deletions

File tree

src/styles.css

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -5092,6 +5092,16 @@ img.emoji-img-loading {
50925092
display: inline-block;
50935093
}
50945094

5095+
/* The GIF spinner is a <span> inside .emoji-picker, so the emoji-cell rule
5096+
above would force it into a 30px padded rounded-square. Re-assert its circle. */
5097+
.emoji-picker .loading-spinner {
5098+
width: 48px;
5099+
height: 48px;
5100+
padding: 0;
5101+
border-width: 3px;
5102+
border-radius: 50%;
5103+
}
5104+
50955105
/* Inputs need normal text selection so typing/editing works. */
50965106
.emoji-picker input,
50975107
.emoji-picker textarea {

0 commit comments

Comments
 (0)