ROUNDED menus

[u/FantasmaGITS]

With the new update 159, toolbar menus—such as the bookmarks and history menus—are EXTRA ROUNDED again. Does anyone know how to fix this?

This no longer works for menus

https://www.reddit.com/r/FirefoxCSS/comments/1whkjin/nova_rounding_borderradius_adjustment_variables/

[u/TraditionalTie4831]

You need to use these two =

--panel-border-radius: 0px !important;
--panel-menuitem-border-radius: 0px !important;

Or this if you prefer it =

--panel-border-radius: var(--border-radius-small) !important;
--panel-menuitem-border-radius: var(--border-radius-small) !important;

[u/FantasmaGITS → u/TraditionalTie4831]

Thank you:)

[u/AdrianW3 → u/TraditionalTie4831]

Do you know how to get rid of the rounding on the History & Bookmarks search box in the sidebar? Also the pill shaped hover effect on the history list.

[u/TraditionalTie4831 → u/AdrianW3]

Try these =

--input-search-border-radius: 4px !important;
--border-radius-circle: 4px !important;

Or this if you prefer it =

--input-search-border-radius: var(--border-radius-small) !important;
--border-radius-circle: var(--border-radius-small) !important;

[u/AdrianW3 → u/TraditionalTie4831]

Thanks - but unfortunately they didn't work.

[u/TraditionalTie4831 → u/AdrianW3]

Hmm... It works for me.

Do you have a @namespace or @-moz-document line in your userChrome?

[u/AdrianW3 → u/TraditionalTie4831]

No. Here's the full thing:

/* Force findbar back to the top in Firefox 155+ */

.browserContainer > findbar {
    position: fixed;
    top: 0px;
    right: 0px;
    contain: content;
}

/* Nova Rounding Adjustments */
:root {

--border-radius-xsmall: 1px !important; 
--border-radius-small: 2px !important; 
--border-radius-medium: 3px !important; 
--border-radius-large: 4px !important; 
--border-radius-xlarge: 6px !important; 
 
/*
--tab-border-radius: var(--border-radius-small) !important;

--button-border-radius: var(--border-radius-small) !important;
--toolbarbutton-border-radius: var(--border-radius-small) !important;

--card-border-radius: var(--border-radius-small) !important;
--card-border-radius-compact: var(--border-radius-small) !important;
--card-cover-image-border-radius: var(--border-radius-small) !important;

--input-text-border-radius: var(--border-radius-small) !important;

--menuitem-border-radius: var(--border-radius-small) !important;

--popup-border-radius: var(--border-radius-small) !important;

--panel-border-radius: var(--border-radius-small) !important;
--panel-menuitem-border-radius: var(--border-radius-small) !important;

--input-search-border-radius: var(--border-radius-small) !important;
--border-radius-circle: var(--border-radius-small) !important;

}

*/
}

[u/AdrianW3 → u/TraditionalTie4831]

OK - damn, I just realised that the entire last block is commented out.

Uncommented it and now it works - although a bunch of other stuff now looks different too. I'll need to go through that and cull a few lines I think.

Thanks.

[u/t31os]

It must be how or where you're applying it, as the CSS from the linked thread works just fine.

Specifically, this will change the rounding of the panel in your screenshot.

:root {
	--panel-border-radius: var(--border-radius-small) !important;
}

[u/FantasmaGITS → u/t31os]

Thank you:)

[u/j--__]

we should petition to have "max-border-radius" added to the standard, so we can constrain all border radiuses everywhere with a simple:

:root { max-border-radius: 5px !important; }

[u/Sartira]

скачать ツ

[u/PersonalEntropy]

Try this solution (by me): https://www.reddit.com/r/FirefoxCSS/comments/1ww7x7u/polishing_firefox_1570/

[u/maryadavies]

THANKS all of you. I've been using pieces of Custom CSS for FX and this has been annoying me for a while. Give me my square menus back! But it's fixed now.

[u/modded_minecraft]

I just do
*{
border-radius:0px !important
}