add new file
This commit is contained in:
parent
b31373f6a7
commit
8cd9051358
3 changed files with 58 additions and 3 deletions
53
chrome/fake_statusbar_w_bookmarksbar.css
Normal file
53
chrome/fake_statusbar_w_bookmarksbar.css
Normal file
|
@ -0,0 +1,53 @@
|
|||
/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/fake_statusbar_w_bookmarksbar.css made available under Mozilla Public License v. 2.0
|
||||
See the above repository for updates as well as full license text. */
|
||||
|
||||
/* Creates a statusbar at the bottom of the window by using bookmarks toolbar */
|
||||
/* Since it's really the bookmarks toolbar you should move bookmarks away from bookmarks toolbar - for example to menubar. You can do that with Customize Firefox mode */
|
||||
|
||||
#PersonalToolbar{
|
||||
position: fixed;
|
||||
display: flex;
|
||||
bottom: 0;
|
||||
width: 100vw;
|
||||
}
|
||||
#customization-container,
|
||||
:root:not([inDOMFullscreen]) > body > #browser{
|
||||
margin-bottom: calc(5px + 2 * var(--toolbarbutton-inner-padding) + 16px) !important;
|
||||
}
|
||||
#PersonalToolbar > toolbarbutton{ padding: 0 var(--toolbarbutton-outer-padding) !important; }
|
||||
#PersonalToolbar > toolbarbutton > .toolbarbutton-icon,
|
||||
#PersonalToolbar > toolbarbutton > .toolbarbutton-badge-stack{
|
||||
width: calc(2 * var(--toolbarbutton-inner-padding) + 16px) !important;
|
||||
height: calc(2 * var(--toolbarbutton-inner-padding) + 16px) !important;
|
||||
padding: var(--toolbarbutton-inner-padding) !important;
|
||||
}
|
||||
|
||||
#PersonalToolbar > :first-child + toolbarspring{
|
||||
background-position: left 4px;
|
||||
background-repeat: no-repeat;
|
||||
background-image: -moz-element(#statuspanel);
|
||||
max-width: none !important;
|
||||
width: 60ch;
|
||||
}
|
||||
/* Using -moz-element() causes some problems after Firefox has been running several hours such as long tab switch times. For this reason the background image is removed on hover and focused states which appears to clear the state. */
|
||||
#Per#PersonalToolbar:hover:first-child + toolbarspring{ background-image: none }
|
||||
|
||||
#statuspanel-inner > #statuspanel-label{
|
||||
height:3em;
|
||||
min-width: 1000px;
|
||||
background-color: transparent !important;
|
||||
border: none !important;
|
||||
font-size: inherit;
|
||||
color: inherit !important;
|
||||
margin-right: 0px !important;
|
||||
}
|
||||
/* If you use a theme where urlbar is partially transparent you should edit this color to something that closely matches the perceived color of urlbar. Or perhaps use background-image - linear-gradient() can work well here. But keep the color or image opaque or otherwise you'll face an issue where urlbar text bleeds through */
|
||||
#statuspanel-inner{ background-color: var(--toolbar-accent-color) }
|
||||
/*#statuspanel-inner{ background-color: var(--toolbar-non-lwt-bgcolor) }*/
|
||||
|
||||
#statuspanel{ color: lightpink; z-index: -1; visibility: visible !important; opacity: 1 !important; }
|
||||
#statuspanel[inactive] > #statuspanel-inner > #statuspanel-label{ visibility: hidden }
|
||||
#statuspanel[inactive] > #statuspanel-inner::before{ content: "Done"; color: var(--lwt-toolbar-field-color, black) !important }
|
||||
#statuspanel[type="status"] { color: skyblue }
|
||||
|
||||
#statuspanel-inner > #statuspanel-label[value^="https"]{ color: var(--lwt-toolbar-field-color, black) !important;}
|
|
@ -24,7 +24,7 @@
|
|||
"dark_context_menus.css":["dark-mode","menus"],
|
||||
"dark_theme_aware_statuspanel.css":["staus","dark-mode"],
|
||||
"disable_newtab_on_middle_click.css":["hack","newtab","tab"],
|
||||
"fake_statusbar.css":["hack","status","toolbar"],
|
||||
"fake_statusbar_w_menubar.css":["hack","status","toolbar","menubar"],
|
||||
"floating_findbar_on_top.css":["findbar","overlay"],
|
||||
"full_width_urlbar_popup.css":["ulrbar","popup"],
|
||||
"google_style_urlbar_popup.css":["urlbar","popup"],
|
||||
|
@ -91,5 +91,6 @@
|
|||
"vertical_context_navigation.css":["navigation","menu","popup"],
|
||||
"vertical_context_navigation_v2.css":["navigation","menu","popup"],
|
||||
"vertical_menubar.css":["menubar","hack"],
|
||||
"window_control_placeholder_support.css":["window-control","patch"]
|
||||
"window_control_placeholder_support.css":["window-control","patch"],
|
||||
"fake_statusbar_w_bookmarksbar.css":["hack","status","toolbar","bookmarks"]
|
||||
}
|
||||
|
|
3
tags.csv
3
tags.csv
|
@ -23,7 +23,7 @@ dark_checkboxes_and_radios.css,widgets,dark-mode
|
|||
dark_context_menus.css,dark-mode,menus
|
||||
dark_theme_aware_statuspanel.css,staus,dark-mode
|
||||
disable_newtab_on_middle_click.css,hack,newtab,tab
|
||||
fake_statusbar.css,hack,status,toolbar
|
||||
fake_statusbar_w_menubar.css,hack,status,toolbar,menubar
|
||||
floating_findbar_on_top.css,findbar,overlay
|
||||
full_width_urlbar_popup.css,ulrbar,popup
|
||||
google_style_urlbar_popup.css,urlbar,popup
|
||||
|
@ -91,3 +91,4 @@ vertical_context_navigation.css,navigation,menu,popup
|
|||
vertical_context_navigation_v2.css,navigation,menu,popup
|
||||
vertical_menubar.css,menubar,hack
|
||||
window_control_placeholder_support.css,window-control,patch
|
||||
fake_statusbar_w_bookmarksbar.css,hack,status,toolbar,bookmarks
|
||||
|
|
|
Loading…
Reference in a new issue