72 lines
2 KiB
CSS
72 lines
2 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;
|
||
|
|
height: calc(100vh - 250px) !important;
|
||
|
|
max-width: 100vw !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 getting
|
||
|
|
* too wide, making controls naccessible */
|
||
|
|
#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;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Fix widget overflow to fit ublock0_raymondhill_net-browser-action */
|
||
|
|
#widget-overflow {
|
||
|
|
padding-bottom: 25px !important;
|
||
|
|
}
|
||
|
|
#widget-overflow-mainView {
|
||
|
|
height: 357px !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|