add media queries, small fixes
This commit is contained in:
		
							parent
							
								
									ed16e1ca72
								
							
						
					
					
						commit
						13b788d407
					
				
					 1 changed files with 41 additions and 35 deletions
				
			
		
							
								
								
									
										22
									
								
								btfl.css
									
										
									
									
									
								
							
							
						
						
									
										22
									
								
								btfl.css
									
										
									
									
									
								
							|  | @ -151,7 +151,7 @@ div[class^="sidebar-"], | |||
| div[class^="container-"], | ||||
| div[class^="chat-"] | ||||
| { | ||||
|   border-radius: 16px; | ||||
|   border-radius: 16px !important; | ||||
| } | ||||
| 
 | ||||
| div[class^="sidebar-"] | ||||
|  | @ -178,8 +178,8 @@ div[class^="menu-"] div | |||
| div[class^="messagesWrapper-"] | ||||
| div[class*="mentioned"] | ||||
| { | ||||
|   border-top-left-radius: 4px; | ||||
|   border-bottom-left-radius: 4px; | ||||
|   border-top-left-radius: 4px !important; | ||||
|   border-bottom-left-radius: 4px !important; | ||||
| } | ||||
| 
 | ||||
| /* no banners */ | ||||
|  | @ -238,13 +238,13 @@ section div[class^="children-"] | |||
| } | ||||
| 
 | ||||
| /* mobile mode */ | ||||
| /* | ||||
| @media screen and (max-device-width: 600px) { | ||||
|   [class^="channel-"] { max-width: unset; margin: 0 8px; } | ||||
|   [class^="layer-"] { padding: 0; margin: auto; } | ||||
|   [class^="layer-"] > [class^="container-"], | ||||
|   [class^="standardSidebarView-"] { overflow-x: scroll; } | ||||
|   [class^="base-"], [class^="contentRegion-"] { min-width: 200%; } | ||||
| [class^="content-"] [class^="sidebar"] { width: calc(50% - 72px); } | ||||
|   [class^="content-"] [class^="sidebar"] { width: calc(50% - 8px - 72px); } | ||||
|   [class^="chat-"] { width: 100%; } | ||||
|   [class^="tools"] { position: unset !important; } | ||||
| 
 | ||||
|  | @ -262,16 +262,22 @@ section div[class^="children-"] | |||
|   [class*="fullscreenOnMobile"] [class^="body"] { | ||||
|     width: 100%; height: 100%; | ||||
|   } | ||||
| [class*="item-"], | ||||
| 
 | ||||
|   :not([class^="pill-"]) > [class*="item-"], | ||||
|   [class^="member-"], | ||||
|   #channels li, | ||||
|   [role="tab"], | ||||
|   div[class^="tabBarItem-"] { | ||||
|   margin-top: 16px; | ||||
|     margin-top: 16px !important; | ||||
|     padding: 0 8px; | ||||
|     font-size: 11pt; | ||||
|   } | ||||
| */ | ||||
| 
 | ||||
|   [class^="side-"] [class^="item-"] { | ||||
|     margin-top: 4px; | ||||
|     padding: 6px 10px; | ||||
|   } | ||||
| } | ||||
| 
 | ||||
| div[class^="tabBarItem-"] { | ||||
|   border-top-left-radius: 8px; | ||||
|  |  | |||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue