From 0f5e3a905bd74667d6c55f69367d5657b566900f Mon Sep 17 00:00:00 2001 From: Francis Dinh Date: Thu, 15 Dec 2022 19:30:45 -0500 Subject: [PATCH 1/2] Make minimum width for 3-column layout 1280px 1280px is a pretty common screen width for several resolutions (1280x720, 1280x800, 1280x1024, etc.). Since it is only 20px less than the current 1300px minimum, this shouldn't be a big issue to lower the minimum screen width for the 3-column layout to 1280px. Closes: https://akkoma.dev/AkkomaGang/pleroma-fe/issues/255 --- src/modules/interface.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/modules/interface.js b/src/modules/interface.js index ae1a31c3..33528c0d 100644 --- a/src/modules/interface.js +++ b/src/modules/interface.js @@ -186,7 +186,7 @@ const interfaceMod = { if (thirdColumnMode === 'none' || !rootState.users.currentUser) { commit('setLayoutType', normalOrMobile) } else { - const wideLayout = width >= 1300 + const wideLayout = width >= 1280 commit('setLayoutType', wideLayout ? 'wide' : normalOrMobile) } }, -- 2.34.1 From dc0b0f4d6ba8be2cb0449fb476e487091a545dac Mon Sep 17 00:00:00 2001 From: Francis Dinh Date: Thu, 15 Dec 2022 19:38:04 -0500 Subject: [PATCH 2/2] adjust max-width for emoji picker to new 1280px 3-col width --- src/components/emoji_picker/emoji_picker.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/components/emoji_picker/emoji_picker.scss b/src/components/emoji_picker/emoji_picker.scss index ac7b8b5d..4bec0ef3 100644 --- a/src/components/emoji_picker/emoji_picker.scss +++ b/src/components/emoji_picker/emoji_picker.scss @@ -7,7 +7,7 @@ overflow: hidden; left: -70%; max-width: 100%; - @media (min-width: 800px) and (max-width: 1300px) { + @media (min-width: 800px) and (max-width: 1280px) { left: -50%; min-width: 50%; max-width: 130%; -- 2.34.1