Change mobile breakpoint back to old version and allow main column to shrink (#32033)
This commit is contained in:
		
							parent
							
								
									bbf7752256
								
							
						
					
					
						commit
						b5bdc69f7b
					
				| @ -62,7 +62,7 @@ export default class ColumnsArea extends ImmutablePureComponent { | ||||
|   }; | ||||
| 
 | ||||
|   // 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 = { | ||||
|     renderComposePanel: !(this.mediaQuery && this.mediaQuery.matches), | ||||
|  | ||||
| @ -2708,7 +2708,7 @@ a.account__display-name { | ||||
|     &__main { | ||||
|       box-sizing: border-box; | ||||
|       width: 100%; | ||||
|       flex: 0 0 auto; | ||||
|       flex: 0 1 auto; | ||||
|       display: flex; | ||||
|       flex-direction: column; | ||||
| 
 | ||||
|  | ||||
| @ -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: 1207px; | ||||
| $no-gap-breakpoint: 1175px; | ||||
| $mobile-breakpoint: 630px; | ||||
| 
 | ||||
| $font-sans-serif: 'mastodon-font-sans-serif' !default; | ||||
|  | ||||
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user