after the recent firerfox update it pretty much destroyed my css, now I spent 10 hours created the squarest and ugliest firefox css known to man just to spite rounded corner design

Still not square enough for me

sudoMakeUser reply

sh.itjust.works

I genuinely thought I had opened Chrome somehow the other day when this update came out for me. It's so dumb.

TrickDacy

So instead of just toggling it off, you invested lots of time intentionally making your browser look bad?

abbadon420 reply

sh.itjust.works

That's the linux spirit

MajorMajormajormajor reply

Why? Because fuck Microsoft, that's why.

TrickDacy reply

Not for me lol. I added the config to my user.js, committed to my repo, and restarted the browser. Now I have what I wanted and not a gross mess, and it took 1 minute.

ColdWater reply

buttons and menus are still rounded I wanted everything square for the colors that's just place holders later I will make it match my desktop theme, plus with my own CSS I can make everything use only one row which is save a lot of space

Omgpwnies reply

I've done similar when designing/troubleshooting CSS - obnoxious colours, temporary heavy borders (potentially also obnoxious colours). Makes it much easier to see where your objects are specifically, z-index, unintentional overlaps and so on.

ColdWater reply

Finally someone like me, thought I'm the only one doing this with css

strawberry_enjoyer42 reply

lemmy.blahaj.zone

dw, i do it too! it seems fairly logical; akin to using silly placeholder strings in programming.

Zarobi reply

aussie.zone

.fucking-piece-of-shit {
    background: red !important;
    ...
}

TrickDacy reply

Ok. I just turned that new toggle switch off in about:config because, while I didn't love it, it was for me more just that the old style was easier to parse and I was also used to it.

-3

Zachariah

Yours is awesome.

My favorite was:

This was acceptable too:

lime! reply

feddit.nu

4.0 was where it was at, it's what i styled everything after for years.

potatoguy reply

mbin.potato-guy.space

Australis was the GOAT, the menu was very good, since then it's just a list of things.

ColdWater reply

Yeah I actually really like how they did with the back button on the 2nd picure

Narri N. (they/them)

congrats, it is truly disgusting. good job!

pineapple

Its pretty cool you can actually do this in firefox.

muhyb

programming.dev

I did the same at first. Then I went with this instead:

* {
    border-radius: 3px !important;
}

I'll fix things one by one slowly, probably until the next UI overhaul comes. Then start over.

strawberry_enjoyer42

lemmy.blahaj.zone

it's actually really nice ngl

MrSoup

lemmy.zip

Disabling nova in about:config doesn't fix the issues?

ColdWater reply

It does but I want true sharp corner

apparia

discuss.tchncs.de

I'm in the same boat with a custom theme -- even Librewolf is affected by this crap. Any tips on fixing the search? I don't know what's so hard about a fucking text box that they have to tweak the whole DOM every second update.

ColdWater reply

try this:

#urlbar {
	background-color: var(--seco);
	background-image: none !important;
  border: 1px solid var(--line) !important;
  margin-bottom: 3px !important;
  margin-left: -3px !important;
  margin-right: -4px !important;
  height: 30px !important;
}

.urlbar-background {
	background-color: transparent !important;;
}

#identity-icon-box {
	display: none !important;
}

.button-background.labelled {
  border-radius: 0px !important;
}

#trust-icon-container, #QRCodeGeneratePageAction, #star-button-box, #picture-in-picture-button, #ssbPageAction, #urlbar-zoom-button, #reader-mode-button, #identity-permission-box  {
	border-radius: 0px !important;
}

url container:

                                   
:root {--urlbar-container-padding-block: none !important;
}

.urlbarView-background {
    background-color: transparent !important;
    margin: 10px !important;
    border: 0px !important;
}

.urlbarView {
    background-color: var(--seco) !important;
    margin: 10px !important;
    border: 1px solid var(--line) !important;
    border-radius: 0px !important;
}



.urlbarView-row[selected] {
  background-color: var(--accent) !important;
  border-radius: 0px !important;
  margin-left: 4px !important;
  margin-right: 3px !important;
}

.urlbarView-row:hover {
  background-color: var(--accent) !important;
  border-radius: 0px !important;
  margin-left: 4px !important;
  margin-right: 3px !important;
}

/*remove from history button*/
.urlbarView-button {
  background-color: transparent !important;
  fill: var(--text) !important;
  border-radius: 0px !important;
}

.urlbarView-button:hover {
  background-color: transparent !important;
}```

It’s…. Beautiful.

Hell yeah

Snapz

Revolving door of executives means we all get a bowl of Apple's regurgitated lukewarm slop eventually

NathanUp reply

There actually is UX research behind the rounded corner phenomenon. They make people feel like the interface is easier to use, and that feeling actually leads to a feedback loop where people experience less stress, cognitive load, and genuinely have an easier time using the interface.

Snapz reply

"There actually is ux research"

No offer of scale, methodology, funding source, sampling parameters? This isn't a very serious conversation, but fwiw ux research is very often crafted with bias towards a specific end.

NathanUp reply