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