mobile-config-firefox/src/userChrome/urlbar.css

49 lines
1.5 KiB
CSS

/* Reduce minimum window width */
#urlbar-container {
min-width: 150px !important;
}
/* Remove various buttons left and right of the URL bar:
- forward-button: also reachable via longpress of back button
- home-button: not important enough
- customizableui-special-spring: empty space
- library-button: also reachable via PanelUI-menu-button
- sidebar-button: not useful on mobile (we try to gain horizontal space)
- fxa-toolbar-menu-button: firefox cloud stuff, also reachable via #PanelUI-menu-button
*/
/* #back-button */
#forward-button,
/* #reload-button */
#home-button,
#customizableui-special-spring1,
/* (urlbar) */
#customizableui-special-spring2,
#library-button,
#sidebar-button,
#fxa-toolbar-menu-button
/* #PanelUI-menu-button */ {
display: none !important;
}
/* urlbar not focused: smaller font */
#urlbar-input {
font-size: 9pt !important;
}
#urlbar[open] #urlbar-input {
font-size: 10pt !important;
}
/* Focused urlbar: hide all icons around it, so we have more space to edit the URL */
#urlbar[focused] #identity-box,
#urlbar[focused] #tracking-protection-icon-container,
/* #urlbar-input */
#urlbar[focused] #reader-mode-button,
#urlbar[focused] #pageActionButton {
display: none;
}
/* Focused urlbar: use almost full screen width (let it cover buttons left and right, which are not useful when editing the URL) */
#nav-bar[urlbar-exceeds-toolbar-bounds] #urlbar-container {
margin-left: -50px !important;
margin-right: -25px !important;
}