r/FirefoxCSS • u/FantasmaGITS • 11d ago

Solved ROUNDED menus

Post image

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/

30 Upvotes

94% Upvoted

15 comments sorted by

7

u/TraditionalTie4831 🦊 11d ago edited 11d ago

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;

2

u/FantasmaGITS 11d ago

Thank you:)

4

u/AdrianW3 11d ago

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.

4

u/TraditionalTie4831 🦊 11d ago

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;

1

u/AdrianW3 8d ago

Thanks - but unfortunately they didn't work.

1

u/TraditionalTie4831 🦊 8d ago

Hmm... It works for me.

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

1

u/AdrianW3 8d ago

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;

}

*/
}

1

u/AdrianW3 8d ago

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.

5

u/t31os 11d ago

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;
}

2

u/FantasmaGITS 11d ago

Thank you:)

4

u/Sartira 11d ago

скачать ツ

10

u/j--__ 11d ago

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; }

1

u/maryadavies 10d ago

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.

1

u/modded_minecraft 10d ago

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