diff --git a/package.json b/package.json index af650948..0fe34ba4 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "impro", - "version": "0.18.4", + "version": "0.18.5", "type": "module", "scripts": { "start": "rm -rf \"${BUILD_DIR:-build}\" && NODE_ENV=development eleventy --serve", diff --git a/src/css/style.css b/src/css/style.css index ddd2831d..6afb334a 100644 --- a/src/css/style.css +++ b/src/css/style.css @@ -4578,17 +4578,9 @@ chat-input .rich-text-input-placeholder { align-items: center; } -@media (max-width: 499px) { - .message-input-emoji-wrapper { - display: none; - } -} - -@media (min-width: 500px) { - .message-input-field-wrapper .rich-text-input, - .message-input-field-wrapper .rich-text-input-placeholder { - padding-right: 46px; - } +.message-input-field-wrapper .rich-text-input, +.message-input-field-wrapper .rich-text-input-placeholder { + padding-right: 46px; } .message-input-emoji-button { @@ -6298,12 +6290,6 @@ emoji-picker-dialog emoji-picker, align-items: center; } -@media (max-width: 499px) { - .post-composer-emoji-wrapper { - display: none; - } -} - .post-composer-emoji-button { background: none; border: none; diff --git a/tests/e2e/specs/views/chatDetail.view.test.js b/tests/e2e/specs/views/chatDetail.view.test.js index 7aba57f9..9d1297ed 100644 --- a/tests/e2e/specs/views/chatDetail.view.test.js +++ b/tests/e2e/specs/views/chatDetail.view.test.js @@ -1034,10 +1034,10 @@ test.describe("Chat detail view", () => { await expect(page.locator("emoji-picker")).toHaveCount(0); }); - test("should hide the chat-input emoji button on mobile viewports", async ({ + test("should show the chat-input emoji button on mobile viewports", async ({ page, }) => { - await page.setViewportSize({ width: 600, height: 800 }); + await page.setViewportSize({ width: 375, height: 667 }); const mockServer = new MockServer(); const alice = createProfile({ @@ -1063,7 +1063,7 @@ test.describe("Chat detail view", () => { }); await expect( chatDetailView.locator(".message-input-emoji-button"), - ).toBeHidden(); + ).toBeVisible(); }); test.describe("Group conversations", () => {