ee8d8382d5
Split the #mainPopupSet CSS rule to an extra file popups.before-ff-108.css, and adjust autoconfig.js to skip that file if firefox is newer than >= 108.
60 lines
1.7 KiB
CSS
60 lines
1.7 KiB
CSS
/* Copyright 2022 Oliver Smith
|
|
* SPDX-License-Identifier: MPL-2.0 */
|
|
|
|
@media (max-width: 700px) {
|
|
/* Now that the navbar is at the bottom, we need to set an offset to have
|
|
* the notifications (like the one for installing addons) displayed
|
|
* on-screen. */
|
|
#notification-popup {
|
|
margin-left: -200px !important;
|
|
margin-top: -500px !important;
|
|
}
|
|
|
|
#downloadsPanel-mainView {
|
|
max-width: calc(100vw - 10px);
|
|
}
|
|
|
|
/* Menu that appears when long-pressing the back-button */
|
|
#backForwardMenu {
|
|
margin-top: -250px;
|
|
height: 200px;
|
|
min-height: 200px;
|
|
max-width: 100vw !important;
|
|
}
|
|
|
|
/* Hide some context menu items */
|
|
#context-inspect,
|
|
#context-inspect-a11y,
|
|
#context-savelinktopocket,
|
|
#context-searchselect,
|
|
#context-sendlinktodevice,
|
|
#context-viewpartialsource-selection,
|
|
#inspect-separator {
|
|
display: none !important
|
|
}
|
|
|
|
/* fix flickering of the protections, permissions,
|
|
* widget overflow and identity popups */
|
|
#protections-popup,
|
|
#permission-popup,
|
|
#widget-overflow,
|
|
#identity-popup {
|
|
max-width: 100vw !important;
|
|
}
|
|
|
|
/* fix the protections popup gettting
|
|
* too wide, making controls unaccessible */
|
|
#protections-popup-mainView {
|
|
min-width: 100vw !important;
|
|
max-width: 100vw !important;
|
|
}
|
|
|
|
/* fix flicker on extension menus.
|
|
* The compromise is that the overflow menu always use
|
|
* all available height.
|
|
* The -80px is here to prevent covering the main bars */
|
|
#widget-overflow,
|
|
#widget-overflow-mainView {
|
|
height: calc(100vh - 80px) !important;
|
|
}
|
|
}
|