From 9d90aabbc0397c55ffe80d11c4e0952c032da9cd Mon Sep 17 00:00:00 2001
From: MrOtherGuy <jastekken@outlook.com>
Date: Sat, 22 Oct 2022 12:17:17 +0300
Subject: [PATCH] vertical-bookmarks-toolbar: Fix fullscreen mode and make it
 work in 107+

---
 chrome/vertical_bookmarks_toolbar.css | 41 +++++++++++++++++++--------
 1 file changed, 29 insertions(+), 12 deletions(-)

diff --git a/chrome/vertical_bookmarks_toolbar.css b/chrome/vertical_bookmarks_toolbar.css
index af028b3..d8289b8 100644
--- a/chrome/vertical_bookmarks_toolbar.css
+++ b/chrome/vertical_bookmarks_toolbar.css
@@ -8,26 +8,37 @@ See the above repository for updates as well as full license text. */
   :root:not([inDOMFullscreen]){
     --uc-vertical-toolbar-width: 60px;
   }
-
+  #navigator-toolbox{ position: relative }
   #PersonalToolbar{
-    position: fixed;
+    position: absolute;
     display: flex;
     flex-direction: column;
+    top: 100%;
     left: 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 */
     height: 100vh;
     max-height: 100vh !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{
     display: flex;
     flex-direction: column;
+    overflow-y: auto;
+    scrollbar-width: none;
   }
   #PersonalToolbar #PlacesToolbarItems > toolbarseparator{
     height: 7px;
@@ -36,13 +47,19 @@ See the above repository for updates as well as full license text. */
     border-block: 3px solid transparent !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;
+  }
   
-
-:root:not([chromehidden~="toolbar"]) body > #browser,
-:root:not([chromehidden~="toolbar"]) body > #browser-bottombox,
-:root:not([chromehidden~="toolbar"]) #customization-container{
+  #browser,
+  #browser-bottombox,
+  #customization-container{
     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;
+  }
 }