userChrome/tabmenu: always show "all tabs" button (MR 19)
Thanks to Peter Mack (linmob) for the idea and initial implementation.
This commit is contained in:
parent
af0073b014
commit
5f5cc3c09a
1 changed files with 27 additions and 0 deletions
27
src/userChrome/tabmenu.css
Normal file
27
src/userChrome/tabmenu.css
Normal file
|
@ -0,0 +1,27 @@
|
||||||
|
/* 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;
|
||||||
|
}
|
||||||
|
}
|
Loading…
Reference in a new issue