fa17075a6d
This one is for being connected with the debugger. It's hard to edit the CSS to make the urlbar look good with the debugger, if being connected with it gives it another apperance. I'm currently fixing up the padding to the left where the icon is, so disable it.
89 lines
2.9 KiB
CSS
89 lines
2.9 KiB
CSS
/* Copyright 2021 Oliver Smith
|
|
* SPDX-License-Identifier: GPL-3.0-or-later */
|
|
|
|
/* Reduce minimum window width */
|
|
#urlbar-container {
|
|
min-width: 150px !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;
|
|
}
|
|
|
|
/* 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;
|
|
}
|
|
}
|
|
|
|
/* 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;
|
|
}
|