From 1387475e52d26d8d2239e568efce09db3d3e7f49 Mon Sep 17 00:00:00 2001 From: Claire Date: Thu, 12 Sep 2024 16:36:23 +0200 Subject: [PATCH] Reduce middle column size by 32px to fix overflow around layout breakpoint Fixes #31679 --- app/javascript/mastodon/features/ui/components/columns_area.jsx | 2 +- app/javascript/styles/mastodon/components.scss | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/app/javascript/mastodon/features/ui/components/columns_area.jsx b/app/javascript/mastodon/features/ui/components/columns_area.jsx index 063ac28d96..cdde609fed 100644 --- a/app/javascript/mastodon/features/ui/components/columns_area.jsx +++ b/app/javascript/mastodon/features/ui/components/columns_area.jsx @@ -63,7 +63,7 @@ export default class ColumnsArea extends ImmutablePureComponent { children: PropTypes.node, }; - // Corresponds to (max-width: $no-gap-breakpoint + 285px - 1px) in SCSS + // Corresponds to (max-width: $no-gap-breakpoint - 1px) in SCSS mediaQuery = 'matchMedia' in window && window.matchMedia('(max-width: 1174px)'); state = { diff --git a/app/javascript/styles/mastodon/components.scss b/app/javascript/styles/mastodon/components.scss index a53eef52c4..79ca9ed177 100644 --- a/app/javascript/styles/mastodon/components.scss +++ b/app/javascript/styles/mastodon/components.scss @@ -2712,7 +2712,7 @@ a.account__display-name { flex-direction: column; @media screen and (min-width: $no-gap-breakpoint) { - max-width: 600px; + max-width: 568px; } } }