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
parent
a863f41268
commit
94f48b2c87
4 changed files with 124 additions and 114 deletions
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in a new issue