mirror of
https://codeberg.org/claui/mobile-config-firefox.git
synced 2025-04-05 11:28:29 +00:00
e7571365c1
Apply a similar hack to the "all tabs" menu, as the appMenu has, so it gets a proper height and doesn't jump above or below the "all tabs" button, depending on the keyboard being displayed or not. With this hack, it stays consistently above the button.
61 lines
2.1 KiB
CSS
61 lines
2.1 KiB
CSS
/* Copyright 2021 Peter Mack, Oliver Smith
|
|
* SPDX-License-Identifier: GPL-3.0-or-later */
|
|
|
|
@media (max-width: 700px) {
|
|
/* Increase tab width, to have more space for displaying the title of the
|
|
* website and to make the "all tabs" button show up. */
|
|
#tabbrowser-tabs {
|
|
--tab-min-width: calc(100vw - 86px) !important;
|
|
}
|
|
|
|
/* Rotate the arrow on the "all tabs" button to point upwards, since the
|
|
* tabs and searchbar were moved to the bottom. */
|
|
#alltabs-button {
|
|
transform: rotate(180deg) !important;
|
|
}
|
|
|
|
/* All tabs menu: hide scroll buttons */
|
|
#scrollbutton-up, #scrollbutton-down {
|
|
display: none !important;
|
|
}
|
|
|
|
/* All tabs menu: hide the search and the separator below it. */
|
|
#allTabsMenu-searchTabs,
|
|
#allTabsMenu-tabsSeparator {
|
|
display: none;
|
|
}
|
|
|
|
/* Similar hack to what's in appMenu.css to properly spawn the "all tabs"
|
|
* popup above the navigation menu */
|
|
#customizationui-widget-panel {
|
|
/* Further up than appmenu, because the "all tabs" button that spawns
|
|
* this menu is above the hamburger button that spawns the regular
|
|
* menu. */
|
|
margin-top: -360px !important;
|
|
height: 320px;
|
|
max-height: 320px;
|
|
}
|
|
|
|
#allTabsMenu-allTabsView vbox.panel-subview-body {
|
|
/* Use the whole height */
|
|
height: 300px !important;
|
|
max-height: 300px !important;
|
|
/* When messing around with tabs, it gets into a state where it does
|
|
* not use the whole height anymore, it becomes a tiny window. Removing
|
|
* this attribute fixes it. */
|
|
-moz-box-flex: initial !important;
|
|
}
|
|
|
|
#allTabsMenu-allTabsView vbox.panel-subview-body:first-child {
|
|
/* the allTabsMenu has a vbox.panel-subview-body inside another one.
|
|
* With -moz-box-flex: initial, it will show a scroll bar in each, but
|
|
* we only want one scrollbar. */
|
|
overflow-y: hidden !important;
|
|
}
|
|
|
|
#allTabsMenu-multiView box.panel-viewstack {
|
|
/* Use the whole height */
|
|
height: calc(100vh - 100px) !important;
|
|
max-height: calc(100vh - 100px) !important;
|
|
}
|
|
}
|