fliegerjohn/mobile-config-firefox
1
0
Fork 1
mirror of https://codeberg.org/claui/mobile-config-firefox.git synced 2024-11-13 21:00:16 +00:00
Code Issues Projects Releases Packages Wiki Activity

use display: -webkit-box instead of flex for nav-bar

Browse source 
display: flex breaks extension menus but -webkit-box doesn't, so lets
use that while it works.
This commit is contained in:
MrOtherGuy 2021-09-01 15:49:26 +03:00
parent 4f2cce8b10
commit da2ee8b244
1 changed files with 3 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
chrome/multi-row_tabs_below_content.css
View file

@ -4,9 +4,6 @@ See the above repository for updates as well as full license text. */
/* Makes tabs to appear on multiple lines below the web content */ /* Makes tabs to appear on multiple lines below the web content */
/* Tab reordering will not work and can't be made to work */ /* Tab reordering will not work and can't be made to work */
/* !!!WARNING!!! */
/* This style completely breaks extension popups. As a workaround, you can pin the extension buttons to overflow menu which allows them to work. */
/* Make menubar enabled for getting window controls in correct place. Menubar options will be shown as overlay when mouse is at top-left corner */ /* Make menubar enabled for getting window controls in correct place. Menubar options will be shown as overlay when mouse is at top-left corner */
/* It's recommended to move tabs new-tab-button outside tabs toolbar */ /* It's recommended to move tabs new-tab-button outside tabs toolbar */
@ -41,7 +38,9 @@ See the above repository for updates as well as full license text. */
#nav-bar{ #nav-bar{
position: fixed !important; position: fixed !important;
display: flex; /* For some reason -webkit-box behaves internally like -moz-box, but can be used with fixed position. display: flex would work too but it breaks extension menus. */
display: -webkit-box;
-webkit-box-flex: 1;
margin-left: 30px; margin-left: 30px;
width: calc(100vw - 30px); width: calc(100vw - 30px);
top: var(--multirow-top-padding); top: var(--multirow-top-padding);