mirror of
				https://codeberg.org/claui/mobile-config-firefox.git
				synced 2025-11-04 04:25:55 +00:00 
			
		
		
		
	preferences.css: various tweaks (MR 8)
* center icons in sidebar * make it adaptive
This commit is contained in:
		
							parent
							
								
									0765d1a25f
								
							
						
					
					
						commit
						e940cac4e1
					
				
					 1 changed files with 27 additions and 12 deletions
				
			
		| 
						 | 
				
			
			@ -1,17 +1,32 @@
 | 
			
		|||
@-moz-document url("about:preferences"), url-prefix("about:preferences") {
 | 
			
		||||
    /* avoid that sidebar is too wide */
 | 
			
		||||
    .navigation {
 | 
			
		||||
        max-width: 50px;
 | 
			
		||||
    @media (max-width: 700px) {
 | 
			
		||||
        /* avoid that sidebar is too wide */
 | 
			
		||||
        :root {
 | 
			
		||||
            --in-content-sidebar-width: 50px !important;
 | 
			
		||||
        }
 | 
			
		||||
 | 
			
		||||
        #categories > .category {
 | 
			
		||||
            margin-inline-start: auto !important;
 | 
			
		||||
            padding-inline: auto !important;
 | 
			
		||||
        }
 | 
			
		||||
 | 
			
		||||
        .category-name {
 | 
			
		||||
            display: none !important;
 | 
			
		||||
        }
 | 
			
		||||
 | 
			
		||||
        .sidebar-footer-list {
 | 
			
		||||
            margin-inline: auto !important;
 | 
			
		||||
            padding-inline: auto !important;
 | 
			
		||||
        }
 | 
			
		||||
 | 
			
		||||
        .sidebar-footer-label {
 | 
			
		||||
            display:none !important;
 | 
			
		||||
        }
 | 
			
		||||
    }
 | 
			
		||||
 | 
			
		||||
    /* reduce space around category icons */
 | 
			
		||||
    #categories > .category {
 | 
			
		||||
        margin-inline-start: 2px !important;
 | 
			
		||||
        padding-inline: 2px !important;
 | 
			
		||||
    }
 | 
			
		||||
 | 
			
		||||
    /* reduce space around footer icons (addons, help) */
 | 
			
		||||
    .sidebar-footer-list {
 | 
			
		||||
        margin-inline: 2px !important;
 | 
			
		||||
    @media (max-height: 400px) {
 | 
			
		||||
        #categories {
 | 
			
		||||
            margin-top: 8px !important;
 | 
			
		||||
        }
 | 
			
		||||
    }
 | 
			
		||||
}
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue