[READ-ONLY] Mirror of https://github.com/improsocial/impro
An extensible Bluesky client for web
impro.social
Show emoji buttons at all sizes
Grace Kind
(Jul 18, 2026, 3:41 PM -0500)
42b0611d
91838f46
+7
-21
+1
-1
package.json
+1
-1
package.json
+3
-17
src/css/style.css
+3
-17
src/css/style.css
···
4578
4578
align-items: center;
4579
4579
}
4580
4580
4581
-
@media (max-width: 499px) {
4582
-
.message-input-emoji-wrapper {
4583
-
display: none;
4584
-
}
4585
-
}
4586
-
4587
-
@media (min-width: 500px) {
4588
-
.message-input-field-wrapper .rich-text-input,
4589
-
.message-input-field-wrapper .rich-text-input-placeholder {
4590
-
padding-right: 46px;
4591
-
}
4581
+
.message-input-field-wrapper .rich-text-input,
4582
+
.message-input-field-wrapper .rich-text-input-placeholder {
4583
+
padding-right: 46px;
4592
4584
}
4593
4585
4594
4586
.message-input-emoji-button {
···
6296
6288
.post-composer-emoji-wrapper {
6297
6289
display: flex;
6298
6290
align-items: center;
6299
-
}
6300
-
6301
-
@media (max-width: 499px) {
6302
-
.post-composer-emoji-wrapper {
6303
-
display: none;
6304
-
}
6305
6291
}
6306
6292
6307
6293
.post-composer-emoji-button {
+3
-3
tests/e2e/specs/views/chatDetail.view.test.js
+3
-3
tests/e2e/specs/views/chatDetail.view.test.js
···
1034
1034
await expect(page.locator("emoji-picker")).toHaveCount(0);
1035
1035
});
1036
1036
1037
-
test("should hide the chat-input emoji button on mobile viewports", async ({
1037
+
test("should show the chat-input emoji button on mobile viewports", async ({
1038
1038
page,
1039
1039
}) => {
1040
-
await page.setViewportSize({ width: 600, height: 800 });
1040
+
await page.setViewportSize({ width: 375, height: 667 });
1041
1041
1042
1042
const mockServer = new MockServer();
1043
1043
const alice = createProfile({
···
1063
1063
});
1064
1064
await expect(
1065
1065
chatDetailView.locator(".message-input-emoji-button"),
1066
-
).toBeHidden();
1066
+
).toBeVisible();
1067
1067
});
1068
1068
1069
1069
test.describe("Group conversations", () => {