tarrien/Mastodon
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Change mobile breakpoint back to old version and allow main column to shrink (#32033)

Browse Source
This commit is contained in:
Claire 2024-09-23 14:53:35 +02:00 committed by GitHub
parent bbf7752256
commit b5bdc69f7b
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/javascript/mastodon/features/ui/components/columns_area.jsx
View File

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

2
app/javascript/styles/mastodon/components.scss
View File

@ -2708,7 +2708,7 @@ a.account__display-name {
&__main { &__main {
box-sizing: border-box; box-sizing: border-box;
width: 100%; width: 100%;
flex: 0 0 auto; flex: 0 1 auto;
display: flex; display: flex;
flex-direction: column; flex-direction: column;

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: 1207px; $no-gap-breakpoint: 1175px;
$mobile-breakpoint: 630px; $mobile-breakpoint: 630px;
$font-sans-serif: 'mastodon-font-sans-serif' !default; $font-sans-serif: 'mastodon-font-sans-serif' !default;