pmOS-tweaks/fenix-fox
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

vertical-bookmarks-toolbar: Fix fullscreen mode and make it work in 107+

Browse source
This commit is contained in:
MrOtherGuy 2022-10-22 12:17:17 +03:00
parent 53eb59e017
commit 9d90aabbc0
1 changed files with 29 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

41
chrome/vertical_bookmarks_toolbar.css
View file

@ -8,26 +8,37 @@ See the above repository for updates as well as full license text. */
:root:not([inDOMFullscreen]){ :root:not([inDOMFullscreen]){
--uc-vertical-toolbar-width: 60px; --uc-vertical-toolbar-width: 60px;
} }
#navigator-toolbox{ position: relative }
#PersonalToolbar{ #PersonalToolbar{
position: fixed; position: absolute;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
top: 100%;
left: 0; left: 0;
width: var(--uc-vertical-toolbar-width,0); width: var(--uc-vertical-toolbar-width,0);
min-width: unset !important;
/* These create a empty area to the bottom of the toolbar, which is to mask a fact that we don't know exactly how high the toolbar should be */ /* These create a empty area to the bottom of the toolbar, which is to mask a fact that we don't know exactly how high the toolbar should be */
height: 100vh; height: 100vh;
max-height: 100vh !important; max-height: 100vh !important;
padding-bottom: 120px !important; padding-bottom: 120px !important;
} }
#PersonalToolbar #PlacesChevron{
display: none;
}
#PersonalToolbar > #personal-bookmarks{
overflow-y: auto;
scrollbar-width: none;
height: 100vh;
}
#personal-bookmarks{ overflow-y: auto; scrollbar-width: none;} #PersonalToolbar > #personal-bookmarks > #PlacesToolbar > hbox{
-moz-box-orient: vertical !important;
#PersonalToolbar > #personal-bookmarks > #PlacesToolbar > hbox{ -moz-box-orient: vertical !important; } }
#PersonalToolbar #PlacesToolbarItems{ #PersonalToolbar #PlacesToolbarItems{
display: flex; display: flex;
flex-direction: column; flex-direction: column;
overflow-y: auto;
scrollbar-width: none;
} }
#PersonalToolbar #PlacesToolbarItems > toolbarseparator{ #PersonalToolbar #PlacesToolbarItems > toolbarseparator{
height: 7px; height: 7px;
@ -36,13 +47,19 @@ See the above repository for updates as well as full license text. */
border-block: 3px solid transparent !important; border-block: 3px solid transparent !important;
} }
#PersonalToolbar .toolbarbutton-1{ padding-block: 10px !important } #PersonalToolbar .toolbarbutton-1{ padding-block: 10px !important }
#PersonalToolbar #PlacesToolbarItems > .bookmark-item{ padding-block: 4px !important; } #PersonalToolbar #PlacesToolbarItems > .bookmark-item{
padding-block: 4px !important;
margin-inline: 0 !important;
}
#browser,
:root:not([chromehidden~="toolbar"]) body > #browser, #browser-bottombox,
:root:not([chromehidden~="toolbar"]) body > #browser-bottombox, #customization-container{
:root:not([chromehidden~="toolbar"]) #customization-container{
margin-left: var(--uc-vertical-toolbar-width,0); margin-left: var(--uc-vertical-toolbar-width,0);
} }
:root:is([chromehidden~="toolbar"],[sizemode="fullscreen"]) > body > #browser,
:root:is([chromehidden~="toolbar"],[sizemode="fullscreen"]) > body > #browser-bottombox,
:root:is([chromehidden~="toolbar"],[sizemode="fullscreen"]) > body > #customization-container{
margin-left: 0;
}
} }