hide_UI.css

/* 
	Auto-hide address bar (mainbar) and move the page loading progress bar beyond mainbar
	
	Author: rafaell0
*/

/* Mainbar default position */
#browser.win.address-top .toolbar-mainbar:not(.extensionIconPopupMenu > .toolbar) {
    position: absolute; 
    top: 0; 
    left: 0; 
    right: 0; 
    transform: translateY(0); 
    transition: transform 600ms; 
    background: var(--colorBg); 
    min-height: 0; 
}

/* Hide mainbar if not focused */
#browser.win.address-top .toolbar-mainbar:not(:hover):not(:focus-within):not(:has(.button-pressed)):not(.extensionIconPopupMenu > .toolbar) {
    transform: translateY(-102%); 
}

/* Hover area */
.toolbar-mainbar::before {
    content: '';
    position: absolute;
    inset: 100% 0 -30px 0;
    background: transparent; 
}

/* Minimize URL bar width relative to sidebar
#main > div.mainbar > div > div > div.UrlBar-AddressField.urlfield-anchor.button-textonly.below {
    max-width: calc(100% - 400px);
} */

/* Move the page load progress bar down outside the Mainbar */
.UrlBar-AddressField .pageload .pageload-indicator {
  position: fixed;
  transform: translateY(500%); 
  width: 100%;
  height: 20%;
}