userChrome: fix convergence usage case

Only apply rules from userChrome.css if the screen width is 700px or
less.
This commit is contained in:
Oliver Smith 2020-11-22 15:59:03 +01:00
parent a863f41268
commit 94f48b2c87
No known key found for this signature in database
GPG key ID: 5AE7F5513E0885CB
4 changed files with 124 additions and 114 deletions

View file

@ -1,6 +1,7 @@
/* Copyright 2020 Oliver Smith /* Copyright 2020 Oliver Smith
SPDX-License-Identifier: GPL-3.0-or-later */ SPDX-License-Identifier: GPL-3.0-or-later */
@media (max-width: 700px) {
.subviewbutton, .subviewbutton,
.toolbaritem-combined-buttons { .toolbaritem-combined-buttons {
font-size: 8pt; font-size: 8pt;
@ -22,7 +23,8 @@ toolbarseparator {
display: none; display: none;
} }
/* Zoom/edit: move controls to the left (so they are visible), hide label (it's obvious what they do) and spacer */ /* Zoom/edit: move controls to the left (so they are visible), hide
* label (it's obvious what they do) and spacer */
#appMenu-zoom-controls spacer, #appMenu-zoom-controls spacer,
#appMenu-zoom-controls label, #appMenu-zoom-controls label,
#appMenu-edit-controls spacer, #appMenu-edit-controls spacer,
@ -38,8 +40,9 @@ toolbarseparator {
padding-left: 15px; padding-left: 15px;
} }
/* Zoom: hide fullscreen button (not possible to exit fullscreen without keyboard) */ /* Zoom: hide fullscreen button (not possible to exit fullscreen
* without keyboard) */
#appMenu-fullscreen-button { #appMenu-fullscreen-button {
display: none; display: none;
} }
}

View file

@ -1,6 +1,7 @@
/* Copyright 2020 Oliver Smith /* Copyright 2020 Oliver Smith
SPDX-License-Identifier: GPL-3.0-or-later */ SPDX-License-Identifier: GPL-3.0-or-later */
@media (max-width: 700px) {
/* Findbar */ /* Findbar */
[anonid="findbar-textbox-wrapper"] { [anonid="findbar-textbox-wrapper"] {
min-width: 160px; min-width: 160px;
@ -23,3 +24,4 @@
{ {
display: none; display: none;
} }
}

View file

@ -1,6 +1,7 @@
/* Copyright 2020 Oliver Smith /* Copyright 2020 Oliver Smith
SPDX-License-Identifier: GPL-3.0-or-later */ SPDX-License-Identifier: GPL-3.0-or-later */
@media (max-width: 700px) {
/* Popup notifications (install add-on etc.): set max-width, remove icon and /* Popup notifications (install add-on etc.): set max-width, remove icon and
* make font smaller so it fits the box */ * make font smaller so it fits the box */
.popup-notification-body-container { .popup-notification-body-container {
@ -29,3 +30,4 @@
#protections-popup-mainView { #protections-popup-mainView {
font-size: 4pt; font-size: 4pt;
} }
}

View file

@ -6,13 +6,15 @@
min-width: 150px !important; min-width: 150px !important;
} }
@media (max-width: 700px) {
/* Remove various buttons left and right of the URL bar: /* Remove various buttons left and right of the URL bar:
- forward-button: also reachable via longpress of back button - forward-button: also reachable via longpress of back button
- home-button: not important enough - home-button: not important enough
- customizableui-special-spring: empty space - customizableui-special-spring: empty space
- library-button: also reachable via PanelUI-menu-button - library-button: also reachable via PanelUI-menu-button
- sidebar-button: not useful on mobile (we try to gain horizontal space) - 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 - fxa-toolbar-menu-button: firefox cloud stuff, also reachable via
#PanelUI-menu-button
*/ */
/* #back-button */ /* #back-button */
#forward-button, #forward-button,
@ -41,3 +43,4 @@
#urlbar[focused] #pageActionButton { #urlbar[focused] #pageActionButton {
display: none; display: none;
} }
}