CloudToys/puyopuyotetr.is
1
0
Fork 0
Code

[Glitch] Increase no-gap-breakpoint by 32px to fix overflow

Browse Source 
Port d2f9075078 to glitch-soc

Signed-off-by: Claire <claire.github-309c@sitedethib.com>
This commit is contained in:
Claire 2024-09-17 05:19:42 +02:00
parent a85b2476c2
commit 6bd86fede0
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/flavours/glitch/features/ui/components/columns_area.jsx
View File

@ -64,8 +64,8 @@ export default class ColumnsArea extends ImmutablePureComponent {
openSettings: PropTypes.func,
};
// Corresponds to (max-width: $no-gap-breakpoint + 285px - 1px) in SCSS
mediaQuery = 'matchMedia' in window && window.matchMedia('(max-width: 1174px)');
// Corresponds to (max-width: $no-gap-breakpoint - 1px) in SCSS
mediaQuery = 'matchMedia' in window && window.matchMedia('(max-width: 1206px)');
state = {
renderComposePanel: !(this.mediaQuery && this.mediaQuery.matches),

2
app/javascript/flavours/glitch/styles/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.
$media-modal-media-max-height: 80%;
$no-gap-breakpoint: 1175px;
$no-gap-breakpoint: 1207px;
$mobile-breakpoint: 630px;
$font-sans-serif: 'mastodon-font-sans-serif' !default;