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

Add optional section to show the button in top left corner of the window

Browse source 
This patch also updates the missing down arrow icon as well as adds some
spacing to the button like in the original.
This commit is contained in:
MrOtherGuy 2022-01-02 09:34:56 +02:00
parent ee89221ad0
commit 8850c63fc9
1 changed files with 40 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

44
chrome/classic_firefox_menu_button.css
View file

@ -19,13 +19,12 @@ See the above repository for updates as well as full license text. */
#PanelUI-menu-button > stack{ #PanelUI-menu-button > stack{
background-color: var(--uc-fx-button-color); background-color: var(--uc-fx-button-color);
background-image: linear-gradient(var(--uc-fx-button-sec-color), transparent) !important; background-image: linear-gradient(var(--uc-fx-button-sec-color), transparent) !important;
padding-inline: 5px !important; list-style-image: url(chrome://global/skin/icons/arrow-down-12.svg) !important;
list-style-image: url(chrome://global/skin/icons/arrow-dropdown-12.svg) !important;
border-radius: 0 0 4px 4px !important; border-radius: 0 0 4px 4px !important;
border: 2px groove var(--uc-fx-button-color); border: 2px groove var(--uc-fx-button-color);
border-top: none; border-top: none;
display: -moz-box; display: -moz-box;
padding-block: 4px !important; padding: 4px 10px !important;
} }
#PanelUI-menu-button:hover > stack, #PanelUI-menu-button:hover > stack,
@ -38,4 +37,41 @@ See the above repository for updates as well as full license text. */
display: -moz-box; display: -moz-box;
content: "Firefox"; /* Change text here */ content: "Firefox"; /* Change text here */
font-weight: 700; font-weight: 700;
} margin-inline-end: 4px;
}
#PanelUI-button{
position: fixed;
display: flex;
top: 0;
}
#toolbar-menubar,
#toolbar-menubar[autohide="true"] + #TabsToolbar{
padding-left: 94px !important;
}
@media (-moz-os-version: windows-win7),(-moz-os-version: windows-win10){
:root[tabsintitlebar][sizemode="maximized"] #PanelUI-button{ top:7px !important; }
}
/* OPTIONAL - move the menu button to top-left corner of the window.
* Don't use this if you also use tabs_on_bottom.css
*/
/*
#PanelUI-button{
position: fixed;
display: flex;
top: 0;
}
#toolbar-menubar,
#toolbar-menubar[autohide="true"] + #TabsToolbar{
padding-left: 94px !important;
}
@media (-moz-os-version: windows-win7),(-moz-os-version: windows-win10){
:root[tabsintitlebar][sizemode="maximized"] #PanelUI-button{ top:7px !important; }
}
*/