Removed some old extensions, removed the themes, simplified (and rebu…

…ilt) the sidebar core extension, fixed overhand bug, fixed a handful of defaults, sidebar header color is now default to theme, fixed sidebery defaults for new version.

custom.css

@@ -4,58 +4,6 @@
 appearance: none !important;
 }
 
-#sidebar-header {
-  padding: 5px 8px !important;
-  padding-top: 11px !important;
-}
-
 #nav-bar {
   padding-top: 2px !important;
-}
-
-/* #main-window {
-	background-color: rgba(0,0,0,0.45) !important;
-	background: linear-gradient(8deg, rgba(0,0,0,0.4) 96%, #000) !important; /* gradient to hide the required windows control buttons in bg 
-	-moz-appearance: -moz-win-glass !important;
-} */
-/* #navigator-toolbox {
-	background: transparent !important;
-}
-#TabsToolbar {
-	background-image: none !important;    /* Windows 7 */
-} 
-/* 
-/* referenced from what FF does when using some persona themes */
-/* :root {
-	--toolbar-bgcolor: rgba(255,255,255,.4) !important;
-	--toolbar-field-background-color: rgba(255,255,255,.8) !important;
-	--urlbar-box-bgcolor: var(--button-bgcolor) !important;   
-	--button-hover-bgcolor: color-mix(in srgb, currentColor 17%, transparent) !important;
-	--button-active-bgcolor: color-mix(in srgb, currentColor 30%, transparent) !important;
-}
-#urlbar-background, #searchbar {
-	background-color: rgba(255,255,255,0.4) !important;
-}
-#urlbar[open="true"] > #urlbar-background {
-	background-color: rgb(255,255,255) !important;
-}
-@media (prefers-color-scheme: dark) {
-	:root {
-	 	--toolbar-bgcolor: rgba(0,0,0,.2) !important;
-		--toolbar-field-background-color: rgba(0,0,0,.8) !important;
-	}
-	#urlbar-background, #searchbar {
-		background-color: rgba(0,0,0,0.2) !important;
-	}
-	#urlbar[open="true"] > #urlbar-background {
-		background-color: rgb(0,0,0) !important;
-	}
-}
-#nav-bar {
-	box-shadow: 0 calc(-1 * var(--tabs-navbar-shadow-size)) 0 var(--lwt-tabs-border-color, rgba(0,0,0,.3)) !important;    
-	color: var(--toolbar-color) !important;
-}
-.tab-background[selected="true"] {
-	background-color: transparent !important;
-	background-image: linear-gradient(transparent, transparent), linear-gradient(var(--toolbar-bgcolor), var(--toolbar-bgcolor)), var(--lwt-header-image, none) !important;
-} */
+}

extensions/sidebar.css

@@ -2,135 +2,120 @@
   Extension (Core): Sidebar
   Description: This is the core implementation of the sidebar used in drannex42's FirefoxSidebar.
   Repository URL: https://github.com/drannex42/FirefoxSidebar
-  Version: v12022.11.22 (YYYYY.MM.DD) 
+  Version: v12024.05.15 (YYYYY.MM.DD) 
 */
 
 #main-window #TabsToolbar {
   visibility: collapse;
 }
 
+/* As of v12024.05.15 we updated to using this one by MrOtherGuy, with modifications */
+/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/autohide_sidebar.css made available under Mozilla Public License v. 2.0 */
 
+/* Show sidebar only when the cursor is over it  */
+/* The border controlling sidebar width will be removed so you'll need to modify these values to change width */
 
-#sidebar-box > #browser,
-#webextpanels-window {
-  background: transparent !important;
-
+#sidebar-box{
+  --uc-sidebar-width: 50px;
+  --uc-sidebar-hover-width: 260px;
+  --uc-autohide-sidebar-delay: 10ms; /* Wait 0.6s before hiding sidebar */
+  --uc-autohide-transition-duration: 115ms;
+  --uc-autohide-transition-type: linear;
+  position: relative;
+  min-width: var(--uc-sidebar-width) !important;
+  width: var(--uc-sidebar-width) !important;
+  max-width: var(--uc-sidebar-width) !important;
+  z-index:1;
+  margin-top: -73px;
 }
 
-#sidebar-box[sidebarcommand="treestyletab_piro_sakura_ne_jp-sidebar-action"]
-  #sidebar-header {
-  /*! display: none; */
-}
 
-/*Collapse in default state and add transition*/
-#sidebar-box {
-  /*! overflow: visible !important; */
-  border-right: none !important; /* border-right: 1px solid var(--sidebar-border-color) !important; */
-  z-index: 2;
-  border-right: none !important;
-  width: 100% !important;
-  background: var(--custom-sidebar-bg, --sidebar-background);
-
-  /* lock sidebar to height by doing the inverse margin of the toolbar element */
-  z-index: 1000 !important;
-  position: relative !important;
-  margin-top: var(--menubar-height) !important;
-  border-right: none;
-  transition: none !important;
-
-  /* lock sidebar to specified width */
-  min-width: var(--sidebar-width) !important;
-  max-width: var(--sidebar-width) !important;
-  overflow: hidden !important;
-  transition-property: width;
-  transition-duration: 0.25s;
-  transition-delay: 0.25s;
-  transition-timing-function: ease-in;
-}
+#sidebar-box[positionend]{ direction: rtl }
+#sidebar-box[positionend] > *{ direction: ltr }
 
-#sidebar-box::after {
-  background: var(--sidebar-border-color) !important;
-  margin-left: 207px;
-  z-index: 9999999;
-  position: absolute;
-  content: " ";
-  width: 1px;
-  height: 100%;
-  top: 0;
-  right: 0px;
-}
+#sidebar-box[positionend]:-moz-locale-dir(rtl){ direction: ltr }
+#sidebar-box[positionend]:-moz-locale-dir(rtl) > *{ direction: rtl }
 
-#sidebar-box:hover:after {
-  top: 42px;
-}
+#main-window[sizemode="fullscreen"] #sidebar-box{ --uc-sidebar-width: 1px; }
 
-/*All other sidebar-boxes should be larger on hover*/
-#sidebar-box:hover, #sidebar-box #sidebar:hover {
-  min-width: 350px !important;
-  max-width: 350px !important;
-  z-index: 999;
-  margin-right: -300px !important;
+#sidebar-splitter{ display: none }
+
+#sidebar-header{
+  overflow: hidden;
+  color: var(--chrome-color, inherit) !important;
+  padding-inline: 0 !important;
+  background: var(--custom-sidebar-header-bg, inherit) !important;
+  padding: 8px 12px !important;
+  padding-top: 9px !important;
+  border-bottom: none !Important;
 }
 
-/*Tree Style Tabs && Sideberry specific sidebar width and size*/
+#sidebar-header::before,
+#sidebar-header::after{
+  content: "";
+  display: flex;
+  padding-left: 0px;
+}
 
-#sidebar-box[sidebarcommand="treestyletab_piro_sakura_ne_jp-sidebar-action"]:hover,
-#sidebar-box[sidebarcommand="_3c078156-979c-498b-8990-85f7987dd929_-sidebar-action"]:hover,
-#sidebar-box[sidebarcommand="_3c078156-979c-498b-8990-85f7987dd929_-sidebar-action"] #sidebar:hover {
-  min-width: 260px !important;
-  max-width: 260px !important;
-  margin-right: -210px !important;
+#sidebar-header,
+#sidebar{
+  transition: min-width var(--uc-autohide-transition-duration) var(--uc-autohide-transition-type) var(--uc-autohide-sidebar-delay) !important;
+  min-width: var(--uc-sidebar-width) !important;
+  will-change: min-width;
 }
 
-#sidebar-header {
-  border: none !important;
-  border-right: 1px solid var(--sidebar-border-color);
-  background: var(--custom-sidebar-header-bg, transparent) !important;
+#sidebar-box:hover > #sidebar-header,
+#sidebar-box:hover > #sidebar{
+  min-width: var(--uc-sidebar-hover-width) !important;
+  width: var(--uc-sidebar-hover-width) !important;
+  transition-delay: 0ms !important;
 }
 
-#sidebar-close,
-#sidebar-title,
-#sidebar-switcher-arrow {
-  display: none;
-  border: none;
+#sidebar-box > #sidebar-header #sidebar-title {
+ opacity: 0;
 }
 
-#sidebar-switcher-target {
-  border: none !important;
-  margin-left: 4.5px !important;
-  padding-top: 4px !important;
-  padding-bottom: 6px !important;
+#sidebar-box:hover > #sidebar-header #sidebar-title {
+  opacity: 1;
 }
 
-#sidebar-switcher-target:focus-visible:not(:hover, [open]),
-#sidebar-close:focus-visible:not(:hover, [open]) {
-  outline: none !important;
+.sidebar-panel{
+  background-color: transparent !important;
+  color: var(--newtab-text-primary-color) !important;
 }
 
+.sidebar-panel #search-box{
+  -moz-appearance: none !important;
+  background-color: rgba(249,249,250,0.1) !important; 
+  color: inherit !important;
+}
 
+/* Add sidebar divider and give it background */
 
-.sidebar-splitter {
-  opacity: 0 !important;
-  width: 0px !important;
-  border: none !important;
-  --avatar-image-url: none !important;
+#sidebar,
+#sidebar-header{
+  background-color: inherit !important;
+  border-right: 1px solid var(--sidebar-border-color);
+  border-inline-width: 0px 1px;
 }
 
-#sidebarMenu-popup .subviewbutton {
-  min-width: 0px;
-  padding: 0;
-  margin: 0 !important;
+#sidebar-box:not([positionend]) > :-moz-locale-dir(rtl),
+#sidebar-box[positionend] > *{
+  border-inline-width: 1px 0px;
 }
 
-toolbarseparator {
-  display: none;
-}
 
-#nav-bar-customization-target {
-  z-index: 99999;
-  position: relative;
+/* Move statuspanel to the other side when sidebar is hovered so it doesn't get covered by sidebar */
+
+#sidebar-box:not([positionend]):hover ~ #appcontent #statuspanel{
+  inset-inline: auto 0px !important;
+}
+#sidebar-box:not([positionend]):hover ~ #appcontent #statuspanel-label{
+  margin-inline: 0px !important;
+  border-left-style: solid !important; 
 }
 
+
 .browser-toolbar {
   padding-left: var(--sidebar-width) !important;
   position: relative !important;
@@ -141,4 +126,4 @@ toolbarseparator {
   padding-top: 0px !important;
   margin-top: 0px !important;
   padding-left: calc(var(--sidebar-width) + 6px) !important;
-}
+}

prefs.css

@@ -15,7 +15,7 @@
      This sets the background for the other sidebar options (bookmarks, history, in case it is transparent from a theme that is not set up properly 
   */
     /* --custom-sidebar-bg: Field; /* Default: Field (Disabled) */
-    --custom-sidebar-header-bg: #000; /* Default: Field (Disabled) */
+    /* --custom-sidebar-header-bg: #000; */
 
   /* ====== Extension Settings ====== */
 

readme.md

@@ -18,10 +18,6 @@ https://user-images.githubusercontent.com/4322153/205100497-f56637c4-1d46-4c15-b
   - Pinned tabs (right click to close)
   - Built in CSS Extension Management
 
-## Updates
-
-Release notes have migrated to [here](https://github.com/drannex42/FirefoxSidebar/releases). You can find prior release notes before v12021.12.22 [here](https://github.com/drannex42/FirefoxSidebar/releases/tag/v12021.12.22).
-
 # How to use
 
 To use FirefoxSidebar you will need to clone this repo into your firefox profile as the `chrome` folder and then follow the Sideberry section below. Both are outlined below in how to do so.
@@ -42,9 +38,9 @@ You could skip the clone step entirely if you manually add the FirefoxSidebar fi
 
 Visit [userchrome.org](https://www.userchrome.org/how-create-userchrome-css.html) if you are confused or have any questions.
 
-## 2. Sideberry
+## 2. Sidebery (Sideberry)
 
-Load the `sideberry-data.json` file into your Sideberry addon by using the 'import' section under 'Help'.
+Load the `sidebery-data.json` file into your Sidebery addon by using the 'import' section under 'Help'.
 
 If you dislike any of the theme presets for dark or light themes, or you have a particular color scheme in mind then navigate to Sideberry Settings > Style Editor (found at the end of the settings sidebar). The preference is to replace the values in the right panel, not in the theme editor to the left - this way you can easily update to newer versions in the future.
 
@@ -54,14 +50,12 @@ All extensions can be found in `/extensions`.
 
 In version 2022.02.23 we broke up the components into extensions using css imports. This makes adding and removing features incredibly easy.
 
-**The following extensions are added:**
+**The following extensions are added by default:**
 
 - [Window Controls / Client Side Decorations (CSD)](/extensions/window_controls.css)
   - This adds the window controls to be inline with your address bar.
-- [Superbox Removal](/extensions/superbox_removal.css)
-  - This removes the superbox and fixes the address bar padding.
-- [Bookmark Arrows](/extensions/bookmark_arrow.css)
-  - This adds a nice little arrow next to your bookmark folders.
+
+There are a number of additional 'extensions' added in that folder. 
 
 ## User Settings
 
@@ -82,3 +76,7 @@ Then the sidebar switcher will be missing, edit `custom.css` and uncomment the r
 ## TreeStyleTabs (Legacy)
 
 Either add the firefox/treestyletabs.css to your TST addon preferences or import the treestyletabs-\*.json preferences to your TST addon (_prefered_)
+
+## Updates
+
+Release notes have migrated to [here](https://github.com/drannex42/FirefoxSidebar/releases). You can find prior release notes before v12021.12.22 [here](https://github.com/drannex42/FirefoxSidebar/releases/tag/v12021.12.22).