Create round_ui_items.css

This commit is contained in:
MrOtherGuy 2020-09-16 18:01:55 +03:00
parent 490a971b5f
commit a4de347ad5
3 changed files with 47 additions and 1 deletions

44
chrome/round_ui_items.css Normal file
View file

@ -0,0 +1,44 @@
/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/round_ui_items.css made available under Mozilla Public License v. 2.0
See the above repository for updates as well as full license text. */
/* Make bunch of things in the main UI round */
:root{ --toolbarbutton-border-radius: 24px !important }
#urlbar-input-container > box:hover,
#urlbar-input-container > box[open],
#main-menubar > menu,
.titlebar-button:hover,
#scrollbutton-up,
#scrollbutton-down,
.tab-close-button,
.close-icon > image,
#page-action-buttons > :hover,
.panel-arrowcontent,
.urlbarView-row-inner,
.search-one-offs button,
.subviewbutton-back,
.toolbaritem-combined-buttons > toolbarbutton,
#PopupSearchAutoComplete,
menupopup{ border-radius: 18px }
button,
.tab-background{ border-radius: 30px !important; }
.panel-arrowcontent{ margin-inline-end: 0 !important; }
.panel-arrow{ margin-inline: 17px !important; }
menupopup{ -moz-appearance: none !important; overflow: -moz-hidden-unscrollable !important; }
.tabbrowser-tab[selected]::after,
.tabbrowser-tab[beforeselected-visible]::after{ border-color: transparent !important; }
#nav-bar{ box-shadow: none !important; margin-top: 3px }
.tab-line{ display: none }
.tab-background[selected]{ border-top-width: 2px !important; border-top-color: var(--tab-line-color) !important; }
.tabbrowser-tab[selected]{ z-index: auto !important; }
.urlbar-icon,
toolbar toolbarbutton:not(#back-button):not(.bookmark-item):not(.titlebar-button) > .toolbarbutton-icon{ border-radius: 0px !important; clip-path: circle() }
menugroup:hover > menuitem{ clip-path: circle() }

View file

@ -105,5 +105,6 @@
"vertical_context_navigation_v2.css":["navigation","menu","popup"], "vertical_context_navigation_v2.css":["navigation","menu","popup"],
"vertical_menubar.css":["menubar","hack"], "vertical_menubar.css":["menubar","hack"],
"vertical_popup_menubar.css":["menubar","menu","toolbars","popup"], "vertical_popup_menubar.css":["menubar","menu","toolbars","popup"],
"window_control_placeholder_support.css":["window-control","patch"] "window_control_placeholder_support.css":["window-control","patch"],
"round_ui_items.css":["buttons","icon","menu","tabs","toolbars","bookmarks"]
} }

View file

@ -105,3 +105,4 @@ vertical_context_navigation_v2.css,navigation,menu,popup
vertical_menubar.css,menubar,hack vertical_menubar.css,menubar,hack
vertical_popup_menubar.css,menubar,menu,toolbars,popup vertical_popup_menubar.css,menubar,menu,toolbars,popup
window_control_placeholder_support.css,window-control,patch window_control_placeholder_support.css,window-control,patch
round_ui_items.css,buttons,icon,menu,tabs,toolbars,bookmarks

1 autohide_bookmarks_and_main_toolbars.css,autohide,bookmarks,toolbars,nav-bar
105 vertical_menubar.css,menubar,hack
106 vertical_popup_menubar.css,menubar,menu,toolbars,popup
107 window_control_placeholder_support.css,window-control,patch
108 round_ui_items.css,buttons,icon,menu,tabs,toolbars,bookmarks