mirror of
https://github.com/CaptaiNiveau/FirefoxSidebar.git
synced 2025-06-03 06:56:16 +02:00
Added a new notice to the readme about prefs, and added a 'scrubber' area for moving the window around with CSD on the left side
This commit is contained in:
Macleod Sawyer
parent
c0d23fc79e
commit
bfae38f9ca
12 changed files with 376 additions and 269 deletions
19
extensions/bookmark_arrow.css
Normal file
19
extensions/bookmark_arrow.css
Normal file
|
|
@ -0,0 +1,19 @@
|
|||
/*
|
||||
Extension: Bookmark Arrow
|
||||
Description: Adds an arrow next to the bookmark folder.
|
||||
*/
|
||||
|
||||
.bookmark-item[container] {
|
||||
margin-right: 10px !important;
|
||||
}
|
||||
|
||||
/* Add down arrow to folders on the bookmark bar */
|
||||
.bookmark-item[container]::after {
|
||||
content: "ˇ";
|
||||
opacity: 0.55;
|
||||
padding-left: 3.5px;
|
||||
font-size: 23px;
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
top: 6.9px;
|
||||
}
|
||||
143
extensions/sidebar.css
Normal file
143
extensions/sidebar.css
Normal file
|
|
@ -0,0 +1,143 @@
|
|||
/*
|
||||
Extension (Core): Sidebar
|
||||
Description: This is the core implenration of the sidebar, used in drannex42's FirefoxSidebar.
|
||||
Repository URL: https://github.com/drannex42/FirefoxSidebar
|
||||
*/
|
||||
|
||||
#main-window #TabsToolbar {
|
||||
visibility: collapse;
|
||||
}
|
||||
|
||||
#sidebar-box > #browser,
|
||||
#webextpanels-window{ background: transparent !important }
|
||||
|
||||
#sidebar-box[sidebarcommand="treestyletab_piro_sakura_ne_jp-sidebar-action"] #sidebar-header {
|
||||
/*! display: none; */
|
||||
}
|
||||
|
||||
/*Collapse in default state and add transition*/
|
||||
#sidebar-box #sidebar:hover {
|
||||
/*! overflow: visible !important; */
|
||||
min-width: 40px;
|
||||
max-width: 40px;
|
||||
border-right: none !Important /* border-right: 1px solid var(--sidebar-border-color) !important; */
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
/*All other sidebar-boxes should be larger on hover*/
|
||||
#sidebar-box:hover {
|
||||
min-width: 350px !important;
|
||||
max-width: 350px !important;
|
||||
z-index: 1;
|
||||
margin-right: -300px !important;
|
||||
}
|
||||
|
||||
/*Tree Style Tabs && Sideberry specific sidebar width and size*/
|
||||
|
||||
#sidebar-box[sidebarcommand="treestyletab_piro_sakura_ne_jp-sidebar-action"]:hover,
|
||||
#sidebar-box[sidebarcommand="_3c078156-979c-498b-8990-85f7987dd929_-sidebar-action"]:hover {
|
||||
min-width: 260px !important;
|
||||
max-width: 260px !important;
|
||||
z-index: 1;
|
||||
margin-right: -210px !important;
|
||||
}
|
||||
|
||||
#sidebar-header {
|
||||
border: none !important;
|
||||
border-right: 1px solid var(--sidebar-border-color);
|
||||
background: var(--custom-sidebar-bg, --sidebar-background-color) !important;
|
||||
|
||||
}
|
||||
|
||||
#sidebar-close, #sidebar-title, #sidebar-switcher-arrow {
|
||||
display: none;
|
||||
border: none;
|
||||
}
|
||||
|
||||
#sidebar-switcher-target {
|
||||
border: none !important;
|
||||
margin-left: 4.5px !important;
|
||||
padding-top: 4px !important;
|
||||
padding-bottom: 6px !important;
|
||||
}
|
||||
|
||||
#sidebar-switcher-target:focus-visible:not(:hover, [open]), #sidebar-close:focus-visible:not(:hover, [open]) {
|
||||
outline: none !important;
|
||||
}
|
||||
|
||||
|
||||
/* lock sidebar to height by doing the inverse margin of the toolbar element */
|
||||
#sidebar-box {
|
||||
background: var(--custom-sidebar-bg) !important;
|
||||
z-index: 1000 !important;
|
||||
position: relative !important;
|
||||
margin-top: var(--menubar-height) !important;
|
||||
border-right: none;
|
||||
transition: none !important;
|
||||
}
|
||||
|
||||
/* lock sidebar to specified width */
|
||||
#sidebar-box {
|
||||
min-width: var(--sidebar-width) !important;
|
||||
max-width: var(--sidebar-width) !important;
|
||||
overflow: hidden !important;
|
||||
transition-property: width;
|
||||
transition-duration: .25s;
|
||||
transition-delay: .25s;
|
||||
transition-timing-function: ease-in;
|
||||
}
|
||||
|
||||
|
||||
#sidebar-box::after {
|
||||
background: var(--sidebar-border-color) !important;
|
||||
margin-left: 207px;
|
||||
z-index: 9999999;
|
||||
position: absolute;
|
||||
content: " ";
|
||||
width: 1px;
|
||||
height: 100%;
|
||||
z-index: 999999999;
|
||||
top: 0;
|
||||
right: 0px;
|
||||
}
|
||||
|
||||
#sidebar-box:hover:after {
|
||||
top: 42px;
|
||||
}
|
||||
|
||||
|
||||
.sidebar-splitter {
|
||||
opacity: 0 !important;
|
||||
width: 0px !important;
|
||||
border: none !Important;
|
||||
--avatar-image-url: none !important;
|
||||
}
|
||||
|
||||
#sidebarMenu-popup .subviewbutton {
|
||||
min-width: 0px;
|
||||
padding: 0;
|
||||
margin: 0 !Important;
|
||||
}
|
||||
|
||||
toolbarseparator {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#sidebar { border-right: none !important; overflow: hidden;width: 50px !important;min-width: 50px !important;width: 100% !important;}
|
||||
|
||||
#nav-bar-customization-target {
|
||||
z-index: 99999;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.browser-toolbar {
|
||||
padding-left: var(--sidebar-width) !important;
|
||||
position: relative !important;
|
||||
}
|
||||
|
||||
#PersonalToolbar {
|
||||
padding: 2px 5px !important;
|
||||
padding-top: 0px !important;
|
||||
margin-top: 0px !important;
|
||||
padding-left: calc(var(--sidebar-width) + 6px) !important;
|
||||
}
|
||||
64
extensions/superbox_removal.css
Normal file
64
extensions/superbox_removal.css
Normal file
|
|
@ -0,0 +1,64 @@
|
|||
/*
|
||||
Extension: Superbox Removal (and compaction)
|
||||
Description: This removes the superbox and fixes some padding around the urlbar.
|
||||
Repository URL: https://github.com/drannex42/FirefoxSidebar
|
||||
*/
|
||||
|
||||
/* --- Prevent enlargement */
|
||||
|
||||
#urlbar[breakout-extend] {
|
||||
top: calc((var(--urlbar-toolbar-height) - var(--urlbar-height)) / 2) !important;
|
||||
left: 0 !important;
|
||||
width: 100% !important;
|
||||
}
|
||||
|
||||
#urlbar[breakout-extend] #urlbar-input-container {
|
||||
height: var(--urlbar-height) !important;
|
||||
/*padding: 0px !important;*/
|
||||
padding-block: 0px !important;
|
||||
padding-inline: 0px !important;
|
||||
}
|
||||
.urlbarView-row {
|
||||
padding: 0px 2px 0px 2px;
|
||||
}
|
||||
/* END Prevent enlargement --- */
|
||||
|
||||
/*/* --- Reduce row paddings to make them more compact */
|
||||
.urlbarView-row {
|
||||
padding: 2px 0px !important;
|
||||
line-height: 1.2em !imortant;
|
||||
margin: -1px;
|
||||
margin-bottom:0px;
|
||||
}
|
||||
.urlbarView-row-inner {
|
||||
padding-bottom: 6px !important;
|
||||
}
|
||||
.urlbarView {
|
||||
margin: 0px !important;
|
||||
width: 100% !important;
|
||||
}
|
||||
/* END Reduce row paddings to make them more compact --- */
|
||||
|
||||
/* Disable Urlbar Animation */
|
||||
#urlbar[breakout][breakout-extend][breakout-extend-animate] > #urlbar-background {
|
||||
animation-name: none !important;
|
||||
animation: none !important;
|
||||
}
|
||||
|
||||
/* --- More compact "Search with Google" rows */
|
||||
.urlbarView-row[dynamicType="onboardTabToSearch"] > .urlbarView-row-inner {
|
||||
min-height: auto !important;
|
||||
width: auto !important;
|
||||
}
|
||||
.urlbarView-row[dynamicType="onboardTabToSearch"] > .urlbarView-row-inner > .urlbarView-no-wrap > .urlbarView-favicon {
|
||||
margin-bottom: -1px;
|
||||
}
|
||||
/* END More compact "Search with Google" rows --- */
|
||||
|
||||
/* Remove active border on the addressbar when in focus */
|
||||
#nav-bar{ --toolbar-field-focus-border-color: #ccc }
|
||||
|
||||
/* Remove box shadow on address bar */
|
||||
#urlbar-background, #searchbar {
|
||||
box-shadow: none !important;
|
||||
}
|
||||
49
extensions/window_controls.css
Normal file
49
extensions/window_controls.css
Normal file
|
|
@ -0,0 +1,49 @@
|
|||
/*
|
||||
Extension: Window Controls / Client Side Decorations (CSD)
|
||||
Description: This brings the window controls into the main bar (where the address bar exists). Please see the prefs.css folder for switching the sides from left to right.
|
||||
Repository URL: https://github.com/drannex42/FirefoxSidebar
|
||||
Contributors: Mr-nUUb, Xanaxus, Drannex42
|
||||
Issue URL: https://github.com/drannex42/FirefoxSidebar/issues/14
|
||||
*/
|
||||
|
||||
/* allow the buttons to appear */
|
||||
.browser-toolbar {
|
||||
position: unset !important;
|
||||
}
|
||||
|
||||
/* reserve space for buttons */
|
||||
#nav-bar {
|
||||
padding-right: var(--csd-margin-right, 10px) !important; /* The addition of the "10px" is so that there will be an area where you can grab and move the window */
|
||||
margin-left: var(--csd-margin-left) !important;
|
||||
}
|
||||
|
||||
/* move buttons next to menu button */
|
||||
.titlebar-buttonbox-container {
|
||||
visibility: visible !important;
|
||||
position: fixed !important;
|
||||
display: block;
|
||||
top: 5px;
|
||||
right: var(--csd-right, inherit);
|
||||
left: var(--csd-left, inherit);
|
||||
z-index: 10;
|
||||
max-width: var(--csd-width);
|
||||
}
|
||||
|
||||
/* fix ugly background color */
|
||||
#navigator-toolbox {
|
||||
background-color: transparent !important;
|
||||
}
|
||||
|
||||
/* hide buttons in fullscreen mode (video player and F11) */
|
||||
#main-window[inFullscreen="true"] .titlebar-buttonbox-container,
|
||||
#main-window[inDOMFullscreen="true"] .titlebar-buttonbox-container {
|
||||
/* display: none !important; */
|
||||
visibility: hidden !important;
|
||||
}
|
||||
|
||||
/* remove empty space when in fullscreen mode (F11) */
|
||||
#main-window[inFullscreen="true"] #nav-bar {
|
||||
margin-right: var(--csd-left) !important;
|
||||
margin-left: var(--csd-right) !important;
|
||||
}
|
||||
/* END Client Side Decorations / Window Controls */
|
||||
Loading…
Add table
Add a link
Reference in a new issue