75c57aa3aa
Adjust the license to be able to upstream adjustments from this repository to upstream Firefox. I've asked all contributors if they are fine with the license change in the related issue. Fixes: https://gitlab.com/postmarketOS/mobile-config-firefox/-/issues/31
58 lines
2.8 KiB
CSS
58 lines
2.8 KiB
CSS
/* Copyright 2021 Oliver Smith
|
|
* SPDX-License-Identifier: MPL-2.0 */
|
|
|
|
@media (max-width: 700px) {
|
|
/* Spawn the menu above the navigation bar (now that we've moved it to the
|
|
* bottom). Without this, it still spawns above, but only with a small
|
|
* height. This is due to the position="bottomcenter topright" attribute in
|
|
* the HTML, which we can't override via CSS. */
|
|
#appMenu-popup {
|
|
margin-top: -390px !important;
|
|
height: 310px;
|
|
max-height: 310px;
|
|
}
|
|
#appMenu-protonMainView vbox.panel-subview-body {
|
|
height: 300px !important;
|
|
max-height: 300px !important;
|
|
}
|
|
#appMenu-multiView box.panel-viewstack:first-child {
|
|
/* Use the whole space in the menu, instead of slowly increasing the
|
|
* height via animation. This animation is broken anyway due to the
|
|
* above menu size hack */
|
|
height: calc(100vh - 100px) !important;
|
|
max-height: calc(100vh - 100px) !important;
|
|
}
|
|
|
|
/* Menu content
|
|
* - configure it to have most important functions for mobile
|
|
* on one page, without scrolling. (Scrolling was only possible with the
|
|
* scrollbar on the right anyway, which is awkward when expecting to be
|
|
* able to scroll with fingers.)
|
|
* - submenus are hidden, because attempting to scroll inside them with the
|
|
* finger causes firefox to segfault. This is likely due to the menu
|
|
* positioning hack above, looks like FF can't determine the height
|
|
* properly. Help with fixing this is appreciated, the bookmarks and
|
|
* history submenus would be useful. However even without the submenus,
|
|
* the history and saved bookmarks can at least be accessed conveniently
|
|
* through the navigation search.
|
|
* - fullscreen is hidden: not available in FF for android either, the
|
|
* screen is almost used completely already, causes problems with UIs
|
|
* that don't expect apps to go fullscreen (i.e. in Phosh, as soon as
|
|
* the on screen keyboard is triggered, the top and bottom bars of Phosh
|
|
* are over the FF in fullscreen) */
|
|
#appMenu-fxa-status2, /* FF login */
|
|
#appMenu-fxa-separator, /* FF login */
|
|
#appMenu-new-window-button2,
|
|
#appMenu-protonMainView toolbarseparator, /* all separators */
|
|
#appMenu-save-file-button2, /* Save file can be done from Print too */
|
|
#appMenu-fullscreen-button2,
|
|
#appMenu-passwords-button, /* accessible from settings */
|
|
#appMenu-extensions-themes-button, /* accessible from settings */
|
|
#appMenu-bookmarks-button, /* submenu */
|
|
#appMenu-history-button, /* submenu */
|
|
#appMenu-more-button2, /* submenu */
|
|
#appMenu-help-button2, /* submenu */
|
|
.subviewbutton[shortcut]::after { /* menu shortcuts ("Ctrl+T" etc.) */
|
|
display: none !important;
|
|
}
|
|
}
|