From b5b62fb77f996d21f43c6f860e3bade9cc90819e Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Thu, 30 Jul 2020 19:08:01 +0300 Subject: [PATCH] Create rounded_menupopups.css --- chrome/rounded_menupopups.css | 25 +++++++++++++++++++++++++ html_resources/tagmap.json | 1 + tags.csv | 1 + 3 files changed, 27 insertions(+) create mode 100644 chrome/rounded_menupopups.css diff --git a/chrome/rounded_menupopups.css b/chrome/rounded_menupopups.css new file mode 100644 index 0000000..81786d4 --- /dev/null +++ b/chrome/rounded_menupopups.css @@ -0,0 +1,25 @@ +/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/rounded_menupopups.css made available under Mozilla Public License v. 2.0 +See the above repository for updates as well as full license text. */ + +/* Makes panels, menupopups, urlbar and searchbar rounded */ + +/* Modify the rounding size here */ +:root{ --uc-menupopup-border-radius: 20px } + +panel[type="autocomplete-richlistbox"], +menupopup, +.panel-arrowcontent{ + -moz-appearance: none !important; + border-radius: var(--uc-menupopup-border-radius) !important; + overflow: -moz-hidden-unscrollable !important; +} + +/* The rounding is also applied to searchbar and urlbar to look consistent */ +searchbar#searchbar, +#urlbar-background{ + border-radius: var(--uc-menupopup-border-radius) !important +} + +/* Reposition the panel-arrow */ +panel[type="arrow"]{ margin-inline-end: calc(-10px - var(--uc-menupopup-border-radius)) !important; } +.panel-arrow{ margin-inline: var(--uc-menupopup-border-radius) !important; } \ No newline at end of file diff --git a/html_resources/tagmap.json b/html_resources/tagmap.json index e6090e0..f0ec2d1 100644 --- a/html_resources/tagmap.json +++ b/html_resources/tagmap.json @@ -66,6 +66,7 @@ "overlay_scrollbars.as.css":["scrollbar"], "page_action_buttons_on_hover.css":["urlbar","minimal","effect"], "pinned_tabs_on_right.css":["tabs"], +"rounded_menupopups.css":["menu","popup","urlbar"], "scrollable_menupopups.css":["scrollbar","popup","menu"], "scrollable_urlbar_popup.css":["scrollbar","popup","urlbar"], "show_navbar_on_focus_only.css":["urlbar","nav-bar","toolbars","hiding"], diff --git a/tags.csv b/tags.csv index 2a6d946..86b1eff 100644 --- a/tags.csv +++ b/tags.csv @@ -65,6 +65,7 @@ overlay_menubar.css,menubar overlay_scrollbars.as.css,scrollbar page_action_buttons_on_hover.css,urlbar,minimal,effect pinned_tabs_on_right.css,tabs +rounded_menupopups.css,menu,popup,urlbar scrollable_menupopups.css,scrollbar,popup,menu scrollable_urlbar_popup.css,scrollbar,popup,urlbar show_navbar_on_focus_only.css,urlbar,nav-bar,toolbars,hiding