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,45 +1,48 @@
/* Copyright 2020 Oliver Smith
SPDX-License-Identifier: GPL-3.0-or-later */
.subviewbutton,
.toolbaritem-combined-buttons {
font-size: 8pt;
}
@media (max-width: 700px) {
.subviewbutton,
.toolbaritem-combined-buttons {
font-size: 8pt;
}
#appMenu-protection-report-button,
#appMenuRestoreLastSession,
#appMenu-customize-button,
#appMenu-open-file-button,
#appMenu-more-button,
#appMenu-developer-button,
#appMenu-whatsnew-button,
#appMenu-help-button,
#appMenu-quit-button {
display: none;
}
#appMenu-protection-report-button,
#appMenuRestoreLastSession,
#appMenu-customize-button,
#appMenu-open-file-button,
#appMenu-more-button,
#appMenu-developer-button,
#appMenu-whatsnew-button,
#appMenu-help-button,
#appMenu-quit-button {
display: none;
}
toolbarseparator {
display: none;
}
toolbarseparator {
display: none;
}
/* 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 label,
#appMenu-edit-controls spacer,
#appMenu-edit-controls label {
display: none;
}
/* 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 label,
#appMenu-edit-controls spacer,
#appMenu-edit-controls label {
display: none;
}
/* Zoom/edit: center the controls somewhat */
#appMenu-zoom-controls {
padding-left: 20px;
}
#appMenu-edit-controls {
padding-left: 15px;
}
/* Zoom/edit: center the controls somewhat */
#appMenu-zoom-controls {
padding-left: 20px;
}
#appMenu-edit-controls {
padding-left: 15px;
}
/* Zoom: hide fullscreen button (not possible to exit fullscreen without keyboard) */
#appMenu-fullscreen-button {
display: none;
/* Zoom: hide fullscreen button (not possible to exit fullscreen
* without keyboard) */
#appMenu-fullscreen-button {
display: none;
}
}

View file

@ -1,25 +1,27 @@
/* Copyright 2020 Oliver Smith
SPDX-License-Identifier: GPL-3.0-or-later */
/* Findbar */
[anonid="findbar-textbox-wrapper"] {
min-width: 160px;
width: 160px;
}
[anonid="findbar-textbox"] {
max-width: 100px;
min-width: 100px;
width: 100px;
}
.findbar-button {
font-size: 6pt;
}
/* Save space */
.findbar-match-diacritics,
.findbar-entire-word,
.found-matches,
.findbar-find-status,
.find-status-icon
{
display: none;
@media (max-width: 700px) {
/* Findbar */
[anonid="findbar-textbox-wrapper"] {
min-width: 160px;
width: 160px;
}
[anonid="findbar-textbox"] {
max-width: 100px;
min-width: 100px;
width: 100px;
}
.findbar-button {
font-size: 6pt;
}
/* Save space */
.findbar-match-diacritics,
.findbar-entire-word,
.found-matches,
.findbar-find-status,
.find-status-icon
{
display: none;
}
}

View file

@ -1,31 +1,33 @@
/* Copyright 2020 Oliver Smith
SPDX-License-Identifier: GPL-3.0-or-later */
/* Popup notifications (install add-on etc.): set max-width, remove icon and
* make font smaller so it fits the box */
.popup-notification-body-container {
max-width: 170px;
}
.popup-notification-icon {
display: none;
}
.popup-notification-body {
font-size: 8pt;
}
@media (max-width: 700px) {
/* Popup notifications (install add-on etc.): set max-width, remove icon and
* make font smaller so it fits the box */
.popup-notification-body-container {
max-width: 170px;
}
.popup-notification-icon {
display: none;
}
.popup-notification-body {
font-size: 8pt;
}
/* "Site information" (displayed when clicking the lock icon)
* Making everything so small doesn't look terribly nice, but least it fits the
* popup and everything is clickable. */
#identity-popup-multiView .panel-viewcontainer {
font-size: 4pt;
}
#identity-popup-clear-sitedata-footer,
#identity-popup-more-info-footer {
font-size: 7pt;
}
/* "Site information" (displayed when clicking the lock icon)
* Making everything so small doesn't look terribly nice, but least it fits the
* popup and everything is clickable. */
#identity-popup-multiView .panel-viewcontainer {
font-size: 4pt;
}
#identity-popup-clear-sitedata-footer,
#identity-popup-more-info-footer {
font-size: 7pt;
}
/* "Protections" (displayed when clicking the shield icon)
* Same reasoning for small font, as for identity-popup above. */
#protections-popup-mainView {
font-size: 4pt;
/* "Protections" (displayed when clicking the shield icon)
* Same reasoning for small font, as for identity-popup above. */
#protections-popup-mainView {
font-size: 4pt;
}
}

View file

@ -6,38 +6,41 @@
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;
}
@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;
}
/* 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] #identity-box,
#urlbar[focused] #tracking-protection-icon-container,
/* #urlbar-input */
#urlbar[focused] #reader-mode-button,
#urlbar[focused] #pageActionButton {
display: none;
/* 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;
}
}