From a4de347ad587d6cf895677cc25432bc3772acce3 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Wed, 16 Sep 2020 18:01:55 +0300 Subject: [PATCH] Create round_ui_items.css --- chrome/round_ui_items.css | 44 ++++++++++++++++++++++++++++++++++++++ html_resources/tagmap.json | 3 ++- tags.csv | 1 + 3 files changed, 47 insertions(+), 1 deletion(-) create mode 100644 chrome/round_ui_items.css diff --git a/chrome/round_ui_items.css b/chrome/round_ui_items.css new file mode 100644 index 0000000..c7b99f8 --- /dev/null +++ b/chrome/round_ui_items.css @@ -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() } \ No newline at end of file diff --git a/html_resources/tagmap.json b/html_resources/tagmap.json index 40ce965..3123d94 100644 --- a/html_resources/tagmap.json +++ b/html_resources/tagmap.json @@ -105,5 +105,6 @@ "vertical_context_navigation_v2.css":["navigation","menu","popup"], "vertical_menubar.css":["menubar","hack"], "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"] } diff --git a/tags.csv b/tags.csv index 902c16e..6a93da0 100644 --- a/tags.csv +++ b/tags.csv @@ -105,3 +105,4 @@ vertical_context_navigation_v2.css,navigation,menu,popup vertical_menubar.css,menubar,hack vertical_popup_menubar.css,menubar,menu,toolbars,popup window_control_placeholder_support.css,window-control,patch +round_ui_items.css,buttons,icon,menu,tabs,toolbars,bookmarks