userChrome/tabmenu: fix tiny height/jumping around (MR 19)
Apply a similar hack to the "all tabs" menu, as the appMenu has, so it gets a proper height and doesn't jump above or below the "all tabs" button, depending on the keyboard being displayed or not. With this hack, it stays consistently above the button.
This commit is contained in:
		
							parent
							
								
									5f5cc3c09a
								
							
						
					
					
						commit
						e7571365c1
					
				
					 1 changed files with 34 additions and 0 deletions
				
			
		| 
						 | 
				
			
			@ -24,4 +24,38 @@
 | 
			
		|||
    #allTabsMenu-tabsSeparator {
 | 
			
		||||
        display: none;
 | 
			
		||||
    }
 | 
			
		||||
 | 
			
		||||
    /* Similar hack to what's in appMenu.css to properly spawn the "all tabs"
 | 
			
		||||
     * popup above the navigation menu */
 | 
			
		||||
    #customizationui-widget-panel {
 | 
			
		||||
        /* Further up than appmenu, because the "all tabs" button that spawns
 | 
			
		||||
         * this menu is above the hamburger button that spawns the regular
 | 
			
		||||
         * menu. */
 | 
			
		||||
        margin-top: -360px !important;
 | 
			
		||||
        height: 320px;
 | 
			
		||||
        max-height: 320px;
 | 
			
		||||
    }
 | 
			
		||||
 | 
			
		||||
    #allTabsMenu-allTabsView vbox.panel-subview-body {
 | 
			
		||||
        /* Use the whole height */
 | 
			
		||||
        height: 300px !important;
 | 
			
		||||
        max-height: 300px !important;
 | 
			
		||||
        /* When messing around with tabs, it gets into a state where it does
 | 
			
		||||
         * not use the whole height anymore, it becomes a tiny window. Removing
 | 
			
		||||
         * this attribute fixes it. */
 | 
			
		||||
        -moz-box-flex: initial !important;
 | 
			
		||||
    }
 | 
			
		||||
 | 
			
		||||
    #allTabsMenu-allTabsView vbox.panel-subview-body:first-child {
 | 
			
		||||
        /* the allTabsMenu has a vbox.panel-subview-body inside another one.
 | 
			
		||||
         * With -moz-box-flex: initial, it will show a scroll bar in each, but
 | 
			
		||||
         * we only want one scrollbar. */
 | 
			
		||||
        overflow-y: hidden !important;
 | 
			
		||||
    }
 | 
			
		||||
 | 
			
		||||
    #allTabsMenu-multiView box.panel-viewstack {
 | 
			
		||||
        /* Use the whole height */
 | 
			
		||||
        height: calc(100vh - 100px) !important;
 | 
			
		||||
        max-height: calc(100vh - 100px) !important;
 | 
			
		||||
    }
 | 
			
		||||
}
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue