fedi/mastodon
1
0
Fork 1
mirror of https://github.com/mastodon/mastodon.git synced 2024-09-19 11:55:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

Increase no-gap-breakpoint to fix overflow

Browse source 
Fixes #31679
This commit is contained in:
Claire 2024-09-12 16:41:40 +02:00
parent 0226bbe516
commit b13d236a8a
2 changed files with 3 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
app/javascript/mastodon/features/ui/components/columns_area.jsx
View file

@ -63,8 +63,8 @@ export default class ColumnsArea extends ImmutablePureComponent {
children: PropTypes.node, 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)'); mediaQuery = 'matchMedia' in window && window.matchMedia('(max-width: 1206px)');
state = { state = {
renderComposePanel: !(this.mediaQuery && this.mediaQuery.matches), renderComposePanel: !(this.mediaQuery && this.mediaQuery.matches),

2
app/javascript/styles/mastodon/variables.scss
View file

@ -87,7 +87,7 @@ $media-modal-media-max-width: 100%;
// put margins on top and bottom of image to avoid the screen covered by image. // put margins on top and bottom of image to avoid the screen covered by image.
$media-modal-media-max-height: 80%; $media-modal-media-max-height: 80%;
$no-gap-breakpoint: 1175px; $no-gap-breakpoint: 1207px;
$mobile-breakpoint: 630px; $mobile-breakpoint: 630px;
$font-sans-serif: 'mastodon-font-sans-serif' !default; $font-sans-serif: 'mastodon-font-sans-serif' !default;