94cbe0452d
This fixes one of the issues from #52, but I have not been able to reproduce the others on Phosh.
102 lines
3.4 KiB
CSS
102 lines
3.4 KiB
CSS
/* Copyright 2022 Oliver Smith
|
|
* SPDX-License-Identifier: MPL-2.0 */
|
|
|
|
/* Reduce minimum window width */
|
|
#urlbar-container {
|
|
min-width: 150px !important;
|
|
flex-shrink: 1 !important;
|
|
}
|
|
|
|
@media (max-width: 700px) {
|
|
/* 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 {
|
|
padding: 0px 5px;
|
|
}
|
|
|
|
/* Smaller font: show more of the URL */
|
|
#urlbar-input {
|
|
font-size: 9pt !important;
|
|
}
|
|
|
|
/* Focused urlbar: hide all icons around it, so we have more space to edit the URL */
|
|
#urlbar[focused] #remote-control-box,
|
|
#urlbar[focused] #identity-box,
|
|
#urlbar[focused] #tracking-protection-icon-container,
|
|
/* #urlbar-input */
|
|
#urlbar[focused] #reader-mode-button,
|
|
#urlbar[focused] #page-action-buttons {
|
|
display: none;
|
|
}
|
|
|
|
/* Label of "identity icons", e.g. firefox specific pages look weird
|
|
* when ellipsed, e.g. "F..x" instead of "Firefox". So just hide this
|
|
* label. The icon itself is still visible. */
|
|
#identity-icon-label {
|
|
display: none;
|
|
}
|
|
|
|
/* Move urlbar results to cover the whole displayed website, instead of
|
|
* being below the urlbar. */
|
|
.urlbarView {
|
|
position: fixed !important;
|
|
inset: 0px 0px 84px 0px;
|
|
width: 100% !important;
|
|
|
|
background: var(--arrowpanel-background);
|
|
|
|
margin: 0px !important;
|
|
margin-inline: 0px !important;
|
|
border-inline: 0px !important;
|
|
|
|
overflow-y: auto !important;
|
|
overflow-x: none !important;
|
|
scrollbar-width: none;
|
|
}
|
|
|
|
/* Bookmarks toolbar. Firefox shows it for some reason when opening a
|
|
* private browsing window, even if it is not enabled in the normal
|
|
* window view. Hide it for mobile, it eats precious space and can't be
|
|
* organized properly on mobile anyway. Using the searchbar to filter
|
|
* through bookmarks is much more efficient. */
|
|
#PersonalToolbar {
|
|
display: none;
|
|
}
|
|
|
|
/* If the bookmarks toolbar is configured to only show on the new tab page,
|
|
* Firefox makes the toolbar overlap the browser. When it's then hidden by
|
|
* the rule above, the urlbar is pushed off the bottom of the window. To
|
|
* prevent this, set the height of the overlapped toolbar to 0. */
|
|
:root {
|
|
--bookmarks-toolbar-overlapping-browser-height: 0 !important;
|
|
}
|
|
}
|
|
|
|
/* Even though amazon is removed as search engine in policies.json, it gets
|
|
* installed when FF starts for the first time. Hide the button in "This time,
|
|
* search with" inside the urlbar. Match localizations like Amazon.de with this
|
|
* regex. */
|
|
button[id^='urlbar-engine-one-off-item-Amazon'] {
|
|
display: none !important;
|
|
}
|