mobile mode fixes
This commit is contained in:
		
							parent
							
								
									13b788d407
								
							
						
					
					
						commit
						c630319966
					
				
					 1 changed files with 15 additions and 12 deletions
				
			
		
							
								
								
									
										27
									
								
								btfl.css
									
										
									
									
									
								
							
							
						
						
									
										27
									
								
								btfl.css
									
										
									
									
									
								
							|  | @ -43,7 +43,7 @@ div[aria-controls^="hypesquad"], | |||
| div[class^="socialLinks-"], | ||||
| 
 | ||||
| /* buttons on chat area */ | ||||
| div[class^="channelTextArea-"] div div > div button:not([class^="emojiButton"]), | ||||
| div[class^="channelTextArea-"] div div > div button:not([class^="emojiButton"]):not([class^="attachButton-"]), | ||||
| [class^="stickerIcon-"], | ||||
| 
 | ||||
| div[class^="toolbar-3_"] > :not([aria-label="Close"]), | ||||
|  | @ -239,6 +239,8 @@ section div[class^="children-"] | |||
| 
 | ||||
| /* mobile mode */ | ||||
| @media screen and (max-device-width: 600px) { | ||||
|   /* FIXME: add close buttons to emoji panel, profile */ | ||||
| 
 | ||||
|   [class^="channel-"] { max-width: unset; margin: 0 8px; } | ||||
|   [class^="layer-"] { padding: 0; margin: auto; } | ||||
|   [class^="layer-"] > [class^="container-"], | ||||
|  | @ -263,19 +265,20 @@ section div[class^="children-"] | |||
|     width: 100%; height: 100%; | ||||
|   } | ||||
| 
 | ||||
|   :not([class^="pill-"]) > [class*="item-"], | ||||
|   [class^="member-"], | ||||
|   #channels li, | ||||
|   [role="tab"], | ||||
|   div[class^="tabBarItem-"] { | ||||
|     margin-top: 16px !important; | ||||
|     padding: 0 8px; | ||||
|     font-size: 11pt; | ||||
|   [class^="side-"] > [class^="item-"] { | ||||
|     margin-top: 4px !important; | ||||
|     padding: 6px 10px !important; | ||||
|   } | ||||
| 
 | ||||
|   [class^="side-"] [class^="item-"] { | ||||
|     margin-top: 4px; | ||||
|     padding: 6px 10px; | ||||
|   [class^="side-"] > [class^="item-"], | ||||
|   :not([class*="pill"]):not([class*="Pill"]) > [class*="item-"], | ||||
|   :not([class*="pill"]):not([class*="Pill"]) > [role="tab"], | ||||
|   [class^="member-"], | ||||
|   #channels li, | ||||
|   div[class^="tabBarItem-"] { | ||||
|     margin-top: 16px; | ||||
|     padding: 0 8px; | ||||
|     font-size: 11pt; | ||||
|   } | ||||
| } | ||||
| 
 | ||||
|  |  | |||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue