From 3874dcc3c5eb0791ed20329ad2f173f39d525477 Mon Sep 17 00:00:00 2001 From: "t. Macleod Sawyer" Date: Tue, 7 Sep 2021 14:00:03 -0500 Subject: [PATCH] Version: 12021.09.07 :: Fixed sidebar margin at top. Make sure you update Sideberry to include proper alignment. --- firefox/sidebery-data.json | 2 +- firefox/userChrome.css | 6 +++--- 2 files changed, 4 insertions(+), 4 deletions(-) diff --git a/firefox/sidebery-data.json b/firefox/sidebery-data.json index 1244f59..ee6e2d6 100644 --- a/firefox/sidebery-data.json +++ b/firefox/sidebery-data.json @@ -1 +1 @@ -{"settings":{"version":"4.9.4","nativeScrollbars":false,"selWinScreenshots":true,"tabsCheck":true,"tabsFix":"notify","markWindow":false,"markWindowPreface":"[Sidebery] ","ctxMenuNative":false,"autoHideCtxMenu":"none","ctxMenuRenderInact":true,"ctxMenuIgnoreContainers":"","navBarLayout":"horizontal","navBarInline":true,"hideAddBtn":false,"hideSettingsBtn":false,"navBtnCount":true,"hideEmptyPanels":true,"navMidClickAction":"none","navSwitchPanelsWheel":true,"groupLayout":"grid","skipEmptyPanels":false,"dndTabAct":true,"dndTabActDelay":750,"dndTabActMod":"none","dndExp":"pointer","dndExpDelay":0,"dndExpMod":"none","stateStorage":"global","warnOnMultiTabClose":"collapsed","activateOnMouseUp":true,"activateLastTabOnPanelSwitching":true,"showTabRmBtn":true,"showTabCtx":true,"hideInact":false,"activateAfterClosing":"next","activateAfterClosingPrevRule":"visible","activateAfterClosingNextRule":"tree","activateAfterClosingGlobal":false,"activateAfterClosingNoFolded":true,"activateAfterClosingNoDiscarded":true,"shiftSelAct":true,"askNewBookmarkPlace":false,"tabsRmUndoNote":true,"nativeHighlight":false,"tabsUnreadMark":false,"tabsReloadLimit":5,"tabsReloadLimitNotif":true,"moveNewTabPin":"start","moveNewTabParent":"last_child","moveNewTabParentActPanel":false,"moveNewTab":"end","pinnedTabsPosition":"panel","pinnedTabsList":true,"pinnedAutoGroup":false,"tabsTree":true,"groupOnOpen":true,"tabsTreeLimit":"none","hideFoldedTabs":false,"autoFoldTabs":false,"autoFoldTabsExcept":"none","autoExpandTabs":false,"rmChildTabs":"none","tabsChildCount":true,"tabsLvlDots":false,"discardFolded":false,"discardFoldedDelay":0,"discardFoldedDelayUnit":"sec","tabsTreeBookmarks":true,"treeRmOutdent":"branch","bookmarksPanel":true,"warnOnMultiBookmarkDelete":"collapsed","openBookmarkNewTab":false,"midClickBookmark":"open_new_tab","actMidClickTab":false,"autoCloseBookmarks":false,"autoRemoveOther":false,"highlightOpenBookmarks":false,"activateOpenBookmarkTab":false,"showBookmarkLen":false,"bookmarksRmUndoNote":true,"fontSize":"m","bgNoise":false,"animations":true,"animationSpeed":"fast","theme":"default","style":"auto","sidebarCSS":true,"groupCSS":false,"snapNotify":true,"snapExcludePrivate":false,"snapInterval":0,"snapIntervalUnit":"min","snapLimit":0,"snapLimitUnit":"snap","hScrollThroughPanels":false,"scrollThroughTabs":"none","scrollThroughVisibleTabs":false,"scrollThroughTabsSkipDiscarded":false,"scrollThroughTabsExceptOverflow":true,"scrollThroughTabsCyclic":false,"tabDoubleClick":"none","tabLongLeftClick":"none","tabLongRightClick":"none","tabsPanelLeftClickAction":"none","tabsPanelDoubleClickAction":"tab","tabsPanelRightClickAction":"menu","tabsPanelMiddleClickAction":"tab","syncName":"","syncSaveSettings":true,"syncSaveCtxMenu":true,"syncSaveStyles":true,"syncAutoApply":false},"tabsMenu":[["undoRmTab","mute","reload","bookmark"],"separator-1",[{"name":"Move to"},"moveToNewWin","moveToWin","moveToPanel"],[{"name":"Reopen in"},"reopenInNewWin","reopenInWin","reopenInCtr"],"separator-2","pin","duplicate","discard","copyUrls","separator-3","group","flatten","separator-4","clearCookies","close"],"bookmarksMenu":[[{"name":"Open in"},"openInNewWin","openInNewPrivWin","openInCtr"],"separator-5","createBookmark","createFolder","createSeparator","separator-6","sortByName","sortByLink","sortByTime","separator-7","copyUrls","edit","delete"],"cssVars":{"bg":null,"title_fg":"#000","sub_title_fg":null,"label_fg":null,"label_fg_hover":null,"label_fg_active":null,"info_fg":null,"true_fg":null,"false_fg":null,"active_fg":null,"inactive_fg":null,"favicons_placeholder_bg":null,"btn_bg":null,"btn_bg_hover":null,"btn_bg_active":null,"btn_fg":null,"btn_fg_hover":null,"btn_fg_active":null,"scroll_progress_h":null,"scroll_progress_bg":null,"ctx_menu_font":null,"ctx_menu_bg":null,"ctx_menu_bg_hover":null,"ctx_menu_fg":null,"nav_btn_fg":null,"nav_btn_width":null,"nav_btn_height":null,"pinned_dock_overlay_bg":null,"pinned_dock_overlay_shadow":null,"tabs_height":null,"tabs_pinned_height":null,"tabs_pinned_width":null,"tabs_indent":null,"tabs_font":null,"tabs_count_font":null,"tabs_fg":"#323232","tabs_fg_hover":null,"tabs_fg_active":null,"tabs_bg_hover":"#333333","tabs_bg_active":null,"tabs_activated_bg":"#ffffffff","tabs_activated_fg":null,"tabs_selected_bg":null,"tabs_selected_fg":null,"tabs_border":null,"tabs_activated_border":null,"tabs_selected_border":null,"tabs_shadow":null,"tabs_activated_shadow":"","tabs_selected_shadow":null,"tabs_lvl_indicator_bg":null,"bookmarks_bookmark_height":null,"bookmarks_folder_height":null,"bookmarks_separator_height":null,"bookmarks_bookmark_font":null,"bookmarks_folder_font":null,"bookmarks_node_title_fg":null,"bookmarks_node_title_fg_hover":null,"bookmarks_node_title_fg_active":null,"bookmarks_node_bg_hover":null,"bookmarks_node_bg_active":null,"bookmarks_folder_closed_fg":null,"bookmarks_folder_closed_fg_hover":null,"bookmarks_folder_closed_fg_active":null,"bookmarks_folder_open_fg":null,"bookmarks_folder_open_fg_hover":null,"bookmarks_folder_open_fg_active":null,"bookmarks_folder_empty_fg":null,"bookmarks_open_bookmark_fg":null},"sidebarCSS":".Sidebar {\nbackground: var(--sidebar-background-color);\n\n}\n\n.container {\n padding-top: 2.5px !important;\n margin: 0 10px !important;\n max-width: calc(100% - 10px) !important;\n}\n\n.NavigationBar {\n padding-left: 8px;\n}\n\n.Tab, .PinnedTab {\n border-radius: 5px;\n border: 1px solid transparent !important;\n background: none;\n box-shadow: none;\n border-radius: 5px;\n margin: 4px 10px;\n text-align: left;\n transition: width 0.1s !Important;\n float: right;\n}\n\n\n.Tab .fav, .PinnedTab .fav {\n position: relative;\n width: 18px;\n height: 18px;\n flex-shrink: 0;\n margin: 0 6px 0 6px;\n opacity: 1 !important;\nz-index: 9\n}\n\n.PinnedTab .fav {\n margin-left: 4px;\n}\n\n.Tab:hover .fav, .PinnedTab:hover fav {\n opacity: 1 !important;\n}\n\n.Tab .placeholder, .PinnedTab .placeholder {\n width: 18px;\n height: 18px;\n}\n\n.Tab[data-active], .PinnedTab[data-active] {\n box-shadow: 0px 5px 10px rgba(0,0,0,0.15) !important;\n}\n\n\n.Tab .t-box, .PinnedTab .title {\n mask: linear-gradient(-90deg,transparent,#000 25px,#000);\n /*! display: none; */\n}\n\n.Tab .t-box .title, .PinnedTab .title {\nfont-size: 14px !important;\npadding-left: 4px;\n}\n\n.Tab .close {\n fill: #000;\n}\n\n.Tab .close > svg {\n fill: #000;\n background: none;\n opacity: 1;\n height: 18px !important;\nwidth: 18px !important;\n}\n\n.Tab .close > svg:hover {\n background: rgba(0,0,0,0.075);\n border-radius: 4px;\nfill: #000;\n}\n\n.PinnedTab .close {\ndisplay: none !important;\n}\n\n.Tab .ctx,\n.PinnedTab .ctx {\ntop: 4px;\nright: auto;\nleft: -11px;\nwidth: 4px;\nheight: calc(100% - 5px);\n}\n\n.Tab:hover,\n.PinnedTab:hover {\n background: rgba(0,0,0,0.07)\n}\n\n.Tab[data-lvl] { \n padding-left: 0;\n\n}\n\n.Tab[data-lvl=\"0\"] {\n max-width: calc(100% - 10px);\n}\n\n.Tab[data-lvl=\"1\"] {\n max-width: calc(100% - 20px)\n\n}\n\n.Tab[data-lvl=\"2\"] {\n max-width: calc(100% - 30px)\n}\n\n.Tab[data-lvl=\"3\"] {\n max-width: calc(100% - 40px)\n}\n\n.Tab[data-lvl=\"4\"] {\n max-width: calc(100% - 50px)\n}\n\n.Tab[data-lvl=\"5\"] {\n max-width: calc(100% - 60px)\n}\n\n.Tab[data-lvl=\"6\"] {\n max-width: calc(100% - 70px)\n}\n\n.Tab[data-lvl=\"7\"] {\n max-width: calc(100% - 80px)\n}\n\n.Tab[data-lvl=\"8\"] {\n max-width: calc(100% - 90px)\n}\n\n.Sidebar {\nmargin-top: -2.5px;\n}\n\n.PinnedDock {\npadding-top: 2.5px !important;\npadding-bottom: 0 !important;\nmargin-bottom: -2.5px;\n}\n\n.PinnedDock::after {\n display: none !important;\n}\n\n.audio {\n position: absolute;\n margin-left: -14px;\n margin-top: 7px;\n z-index: 10;\n}\n\n.audio svg {\n padding: 3px;\n height: 14px !important;\n width: 14px !important;\n background: #fff;\n border-radius: 50%;\n box-shadow: 1px 1px 5px rgba(0,0,0,0.25);\n\n}\n\n.Tab[data-audible] .t-box, .Tab[data-muted] .t-box {\n transform: none !important;\n}\n\n\n@media screen and (max-width: 60px) {\n .container { \n margin: 0px !important;\n max-width: 50px;\n}\n\n .Tab[data-lvl], .PinnedTab[data-lvl] {\n max-width: 30px;\n float: left;\n }\n\n.panel-btn[data-active=\"true\"] {\n display: ;\n display: flex !important;\n position: absolute !important;\n background: none !important;\n}\n\n\n.panel-btn {\n display: none !important;\n}\n\n.Sidebar .settings-btn {\n display: none;\n}\n\n.container::after { \n margin-left: 16px;\n}\n}\n}","groupCSS":"","ver":"4.9.4"} +{"settings":{"version":"4.9.4","nativeScrollbars":false,"selWinScreenshots":true,"tabsCheck":true,"tabsFix":"notify","markWindow":false,"markWindowPreface":"[Sidebery] ","ctxMenuNative":false,"autoHideCtxMenu":"none","ctxMenuRenderInact":true,"ctxMenuIgnoreContainers":"","navBarLayout":"horizontal","navBarInline":true,"hideAddBtn":false,"hideSettingsBtn":false,"navBtnCount":true,"hideEmptyPanels":true,"navMidClickAction":"none","navSwitchPanelsWheel":true,"groupLayout":"grid","skipEmptyPanels":false,"dndTabAct":true,"dndTabActDelay":750,"dndTabActMod":"none","dndExp":"pointer","dndExpDelay":0,"dndExpMod":"none","stateStorage":"global","warnOnMultiTabClose":"collapsed","activateOnMouseUp":true,"activateLastTabOnPanelSwitching":true,"showTabRmBtn":true,"showTabCtx":true,"hideInact":false,"activateAfterClosing":"next","activateAfterClosingPrevRule":"visible","activateAfterClosingNextRule":"tree","activateAfterClosingGlobal":false,"activateAfterClosingNoFolded":true,"activateAfterClosingNoDiscarded":true,"shiftSelAct":true,"askNewBookmarkPlace":false,"tabsRmUndoNote":true,"nativeHighlight":false,"tabsUnreadMark":false,"tabsReloadLimit":5,"tabsReloadLimitNotif":true,"moveNewTabPin":"start","moveNewTabParent":"last_child","moveNewTabParentActPanel":false,"moveNewTab":"end","pinnedTabsPosition":"panel","pinnedTabsList":true,"pinnedAutoGroup":false,"tabsTree":true,"groupOnOpen":true,"tabsTreeLimit":"none","hideFoldedTabs":false,"autoFoldTabs":false,"autoFoldTabsExcept":"none","autoExpandTabs":false,"rmChildTabs":"none","tabsChildCount":true,"tabsLvlDots":false,"discardFolded":false,"discardFoldedDelay":0,"discardFoldedDelayUnit":"sec","tabsTreeBookmarks":true,"treeRmOutdent":"branch","bookmarksPanel":true,"warnOnMultiBookmarkDelete":"collapsed","openBookmarkNewTab":false,"midClickBookmark":"open_new_tab","actMidClickTab":false,"autoCloseBookmarks":false,"autoRemoveOther":false,"highlightOpenBookmarks":false,"activateOpenBookmarkTab":false,"showBookmarkLen":false,"bookmarksRmUndoNote":true,"fontSize":"m","bgNoise":false,"animations":true,"animationSpeed":"fast","theme":"default","style":"light","sidebarCSS":true,"groupCSS":false,"snapNotify":true,"snapExcludePrivate":false,"snapInterval":0,"snapIntervalUnit":"min","snapLimit":0,"snapLimitUnit":"snap","hScrollThroughPanels":false,"scrollThroughTabs":"none","scrollThroughVisibleTabs":false,"scrollThroughTabsSkipDiscarded":false,"scrollThroughTabsExceptOverflow":true,"scrollThroughTabsCyclic":false,"tabDoubleClick":"none","tabLongLeftClick":"none","tabLongRightClick":"none","tabsPanelLeftClickAction":"none","tabsPanelDoubleClickAction":"tab","tabsPanelRightClickAction":"menu","tabsPanelMiddleClickAction":"tab","syncName":"","syncSaveSettings":true,"syncSaveCtxMenu":true,"syncSaveStyles":true,"syncAutoApply":false},"tabsMenu":[["undoRmTab","mute","reload","bookmark"],"separator-1",[{"name":"Move to"},"moveToNewWin","moveToWin","moveToPanel"],[{"name":"Reopen in"},"reopenInNewWin","reopenInWin","reopenInCtr"],"separator-2","pin","duplicate","discard","copyUrls","separator-3","group","flatten","separator-4","clearCookies","close"],"bookmarksMenu":[[{"name":"Open in"},"openInNewWin","openInNewPrivWin","openInCtr"],"separator-5","createBookmark","createFolder","createSeparator","separator-6","sortByName","sortByLink","sortByTime","separator-7","copyUrls","edit","delete"],"cssVars":{"bg":null,"title_fg":"#000","sub_title_fg":null,"label_fg":null,"label_fg_hover":null,"label_fg_active":null,"info_fg":null,"true_fg":null,"false_fg":null,"active_fg":null,"inactive_fg":null,"favicons_placeholder_bg":null,"btn_bg":null,"btn_bg_hover":null,"btn_bg_active":null,"btn_fg":null,"btn_fg_hover":null,"btn_fg_active":null,"scroll_progress_h":null,"scroll_progress_bg":null,"ctx_menu_font":null,"ctx_menu_bg":null,"ctx_menu_bg_hover":null,"ctx_menu_fg":null,"nav_btn_fg":null,"nav_btn_width":null,"nav_btn_height":"34.5px","pinned_dock_overlay_bg":null,"pinned_dock_overlay_shadow":null,"tabs_height":null,"tabs_pinned_height":null,"tabs_pinned_width":null,"tabs_indent":null,"tabs_font":null,"tabs_count_font":null,"tabs_fg":"#323232","tabs_fg_hover":null,"tabs_fg_active":null,"tabs_bg_hover":"#333333","tabs_bg_active":null,"tabs_activated_bg":"#ffffffff","tabs_activated_fg":null,"tabs_selected_bg":null,"tabs_selected_fg":null,"tabs_border":null,"tabs_activated_border":null,"tabs_selected_border":null,"tabs_shadow":null,"tabs_activated_shadow":"","tabs_selected_shadow":null,"tabs_lvl_indicator_bg":null,"bookmarks_bookmark_height":null,"bookmarks_folder_height":null,"bookmarks_separator_height":null,"bookmarks_bookmark_font":null,"bookmarks_folder_font":null,"bookmarks_node_title_fg":null,"bookmarks_node_title_fg_hover":null,"bookmarks_node_title_fg_active":null,"bookmarks_node_bg_hover":null,"bookmarks_node_bg_active":null,"bookmarks_folder_closed_fg":null,"bookmarks_folder_closed_fg_hover":null,"bookmarks_folder_closed_fg_active":null,"bookmarks_folder_open_fg":null,"bookmarks_folder_open_fg_hover":null,"bookmarks_folder_open_fg_active":null,"bookmarks_folder_empty_fg":null,"bookmarks_open_bookmark_fg":null},"sidebarCSS":".Sidebar {\nbackground: var(--sidebar-background-color);\n\n}\n\n.container {\n padding-top: 2.5px !important;\n margin: 0 10px !important;\n max-width: calc(100% - 10px) !important;\n}\n\n.NavigationBar {\n padding-left: 8px;\n}\n\n.Tab, .PinnedTab {\n border-radius: 5px;\n border: 1px solid transparent !important;\n background: none;\n box-shadow: none;\n border-radius: 5px;\n margin: 4px 10px;\n text-align: left;\n transition: width 0.1s !Important;\n float: right;\n}\n\n\n.Tab .fav, .PinnedTab .fav {\n position: relative;\n width: 18px;\n height: 18px;\n flex-shrink: 0;\n margin: 0 6px 0 6px;\n opacity: 1 !important;\nz-index: 9\n}\n\n.PinnedTab .fav {\n margin-left: 4px;\n}\n\n.Tab:hover .fav, .PinnedTab:hover fav {\n opacity: 1 !important;\n}\n\n.Tab .placeholder, .PinnedTab .placeholder {\n width: 18px;\n height: 18px;\n}\n\n.Tab[data-active], .PinnedTab[data-active] {\n box-shadow: 0px 5px 10px rgba(0,0,0,0.15) !important;\n}\n\n\n.Tab .t-box, .PinnedTab .title {\n mask: linear-gradient(-90deg,transparent,#000 25px,#000);\n /*! display: none; */\n}\n\n.Tab .t-box .title, .PinnedTab .title {\nfont-size: 14px !important;\npadding-left: 4px;\n}\n\n.Tab .close {\n fill: #000;\n}\n\n.Tab .close > svg {\n fill: #000;\n background: none;\n opacity: 1;\n height: 18px !important;\nwidth: 18px !important;\n}\n\n.Tab .close > svg:hover {\n background: rgba(0,0,0,0.075);\n border-radius: 4px;\nfill: #000;\n}\n\n.PinnedTab .close {\ndisplay: none !important;\n}\n\n.Tab .ctx,\n.PinnedTab .ctx {\ntop: 4px;\nright: auto;\nleft: -11px;\nwidth: 4px;\nheight: calc(100% - 5px);\n}\n\n.Tab:hover,\n.PinnedTab:hover {\n background: rgba(0,0,0,0.07)\n}\n\n.Tab[data-lvl] { \n padding-left: 0;\n\n}\n\n.Tab[data-lvl=\"0\"] {\n max-width: calc(100% - 10px);\n}\n\n.Tab[data-lvl=\"1\"] {\n max-width: calc(100% - 20px)\n\n}\n\n.Tab[data-lvl=\"2\"] {\n max-width: calc(100% - 30px)\n}\n\n.Tab[data-lvl=\"3\"] {\n max-width: calc(100% - 40px)\n}\n\n.Tab[data-lvl=\"4\"] {\n max-width: calc(100% - 50px)\n}\n\n.Tab[data-lvl=\"5\"] {\n max-width: calc(100% - 60px)\n}\n\n.Tab[data-lvl=\"6\"] {\n max-width: calc(100% - 70px)\n}\n\n.Tab[data-lvl=\"7\"] {\n max-width: calc(100% - 80px)\n}\n\n.Tab[data-lvl=\"8\"] {\n max-width: calc(100% - 90px)\n}\n\n.Sidebar {\nmargin-top: -2.5px;\n}\n\n.PinnedDock {\npadding-top: 2.5px !important;\npadding-bottom: 0 !important;\nmargin-bottom: -2.5px;\n}\n\n.PinnedDock::after {\n display: none !important;\n}\n\n.audio {\n position: absolute;\n margin-left: -14px;\n margin-top: 7px;\n z-index: 10;\n}\n\n.audio svg {\n padding: 3px;\n height: 14px !important;\n width: 14px !important;\n background: #fff;\n border-radius: 50%;\n box-shadow: 1px 1px 5px rgba(0,0,0,0.25);\n\n}\n\n.Tab[data-audible] .t-box, .Tab[data-muted] .t-box {\n transform: none !important;\n}\n\n\n@media screen and (max-width: 60px) {\n .container { \n margin: 0px !important;\n max-width: 50px;\n}\n\n .Tab[data-lvl], .PinnedTab[data-lvl] {\n max-width: 30px;\n float: left;\n }\n\n.panel-btn[data-active=\"true\"] {\n display: ;\n display: flex !important;\n position: absolute !important;\n background: none !important;\n}\n\n\n.panel-btn {\n display: none !important;\n}\n\n.Sidebar .settings-btn {\n display: none;\n}\n\n.container::after { \n margin-left: 16px;\n}\n}\n}","groupCSS":"","ver":"4.9.4"} \ No newline at end of file diff --git a/firefox/userChrome.css b/firefox/userChrome.css index 1b891d3..8201244 100644 --- a/firefox/userChrome.css +++ b/firefox/userChrome.css @@ -2,7 +2,7 @@ Title: Drannex42's Personal userChrome.css for Firefox Description: This is my personal userChrome for Firefox, I specifically clean up the interface, change the folder icon to Vivaldi's (much better) and reduce padding in some areas, and add some in others. This overall creates a much more streamlined interface. Features: Streamlines interface, folder icon replacement, works best with my custom Tree Style Tabs interface (check it out! treestyletabs.css in the /firefox/ directory), removes tab bar. - Version: 12021.08.17 :: Fixed folder drop down arrow position after latest FF changed padding. + Version: 12021.09.07 :: Fixed sidebar margin at top. Make sure you update Sideberry to include proper alignment. */ #main-window[tabsintitlebar="true"]:not([extradragspace="true"]) #TabsToolbar > .toolbar-items { @@ -69,7 +69,7 @@ :root { --sidebar-width: 50px; --toolbar-height: -50px; - --menubar-height: -65px; + --menubar-height: -68px; --toolmenubar-height: -80px; --sidebar-padding: calc(var(--sidebar-width) + 5px); --toolbar-start-end-padding: 5px !important; @@ -88,7 +88,7 @@ /* lock sidebar to height by doing the inverse margin of the toolbar element */ #sidebar-box { z-index: 1000 !important; - position: relative!important; + position: relative !important; margin-top: var(--menubar-height) !important; border-right: 1px solid #ccc; background: #f6f7f8 !important;