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

10 days ago by ColdWater to c/unixporn

it started from a broken search bar then when I tried to fix it something else broke, then it became the most annoying whack a mole game of all time so I removed everything and start from scratch.

unexposedhazard 50 points 10 days ago

I fucking hate the rounded tabs. Disgusting, space wasting, genericism slop.

path: 0 26141517, hotness: undefined, score: 50, children: 3

CorrectAlias 20 points 10 days ago

I agree, I disabled them in about:config. I believe the variable is browser.nova.enabled.

path: 0 26141517 26141599, hotness: undefined, score: 20, children: 1

ColdWater 11 points 10 days ago

Still not square enough for me

path: 0 26141517 26141599 26141983, hotness: undefined, score: 11, children: 0

sudoMakeUser 15 points 10 days ago

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

path: 0 26141517 26141661, hotness: undefined, score: 15, children: 0

TrickDacy 19 points 10 days ago

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

path: 0 26141722, hotness: undefined, score: 19, children: 9

abbadon420 62 points 10 days ago

That's the linux spirit

path: 0 26141722 26141945, hotness: undefined, score: 62, children: 2

MajorMajormajormajor 10 points 10 days ago

Why? Because fuck Microsoft, that's why.

path: 0 26141722 26141945 26142789, hotness: undefined, score: 10, children: 0

TrickDacy 1 point 10 days ago

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.

path: 0 26141722 26141945 26142879, hotness: undefined, score: 1, children: 0

ColdWater 13 points 10 days ago

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

path: 0 26141722 26141955, hotness: undefined, score: 13, children: 5

Omgpwnies 7 points 10 days ago

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.

path: 0 26141722 26141955 26143893, hotness: undefined, score: 7, children: 3

ColdWater 8 points 10 days ago

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

path: 0 26141722 26141955 26143893 26144124, hotness: undefined, score: 8, children: 2

strawberry_enjoyer42 2 points 10 days ago

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

path: 0 26141722 26141955 26143893 26144124 26148250, hotness: undefined, score: 2, children: 0

Zarobi 1 point 9 days ago

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

path: 0 26141722 26141955 26143893 26144124 26153855, hotness: undefined, score: 1, children: 0

TrickDacy -3 points 10 days ago

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.

path: 0 26141722 26141955 26143387, hotness: undefined, score: -3, children: 0

Zachariah 16 points 10 days ago

Yours is awesome.

My favorite was:

This was acceptable too:

path: 0 26143659, hotness: undefined, score: 16, children: 3

lime 4 points 10 days ago

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

path: 0 26143659 26143924, hotness: undefined, score: 4, children: 0

potatoguy 3 points 10 days ago

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

path: 0 26143659 26144848, hotness: undefined, score: 3, children: 0

ColdWater 2 points 10 days ago

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

path: 0 26143659 26143785, hotness: undefined, score: 2, children: 0

narr1 10 points 10 days ago

congrats, it is truly disgusting. good job!

path: 0 26142320, hotness: undefined, score: 10, children: 0

pineapple 10 points 9 days ago

Its pretty cool you can actually do this in firefox.

path: 0 26152052, hotness: undefined, score: 10, children: 0

muhyb 7 points 10 days ago

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.

path: 0 26142839, hotness: undefined, score: 7, children: 0

strawberry_enjoyer42 6 points 10 days ago

it's actually really nice ngl

path: 0 26148992, hotness: undefined, score: 6, children: 0

MrSoup 5 points 10 days ago

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

path: 0 26142655, hotness: undefined, score: 5, children: 1

ColdWater 13 points 10 days ago

It does but I want true sharp corner

path: 0 26142655 26143307, hotness: undefined, score: 13, children: 0

apparia 4 points 10 days ago

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.

path: 0 26142574, hotness: undefined, score: 4, children: 1

ColdWater 7 points 10 days ago

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

path: 0 26142574 26143242, hotness: undefined, score: 7, children: 0

LadyMeow 3 points 10 days ago

It’s…. Beautiful.

path: 0 26142429, hotness: undefined, score: 3, children: 0

moonshadow 2 points 10 days ago

Hell yeah

path: 0 26144757, hotness: undefined, score: 2, children: 0

Snapz 2 points 9 days ago

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

path: 0 26154692, hotness: undefined, score: 2, children: 3

NathanUp 1 point 8 days ago

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.

path: 0 26154692 26180964, hotness: undefined, score: 1, children: 2

Snapz 1 point 7 days ago

"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.

path: 0 26154692 26180964 26187470, hotness: undefined, score: 1, children: 1

NathanUp 1 point 6 days ago

Yea, couldn't be arsed looking it up for a quick comment, but I'm not terribly afraid of 'big round-corners' skewing studies.

path: 0 26154692 26180964 26187470 26203316, hotness: undefined, score: 1, children: 0

wdx 1 point 9 days ago

about:config browser.nova.enabled → false

path: 0 26155103, hotness: undefined, score: 1, children: 0

wha 1 point 4 days ago

About recent change: I actually kinda love it. Those rounded corners look appealing to my eyes, somewhat similar to liquid glass on iOS.

path: 0 26251194, hotness: undefined, score: 1, children: 0

some_guy 1 point 10 days ago

Why not up the stakes and go decahedron? Very cool theme, btw.

path: 0 26143914, hotness: undefined, score: 1, children: 0

ColdWater 1 point 3 days ago

r88314Wgrd42

path: 0 26265189, hotness: undefined, score: 1, children: 0

ajmaxwell 1 point 10 days ago

I love this

path: 0 26144333, hotness: undefined, score: 1, children: 0

@lemmy.ml

login for more options

Unixporn

Submit screenshots of all your *NIX desktops, themes, and nifty configurations, or submit anything else that will make themers happy. Maybe a server running on an Amiga, or a Thinkpad signed by Bjarne Stroustrup? Show the world how pretty your computer can be!

Rules

Post On-Topic
No Defaults
Busy Screenshots
Use High-Quality Images
Include a Details Comment
No NSFW
No Racism or use of racist terms

go to feed...

@lemmy.ml

login for more options

Unixporn

Submit screenshots of all your *NIX desktops, themes, and nifty configurations, or submit anything else that will make themers happy. Maybe a server running on an Amiga, or a Thinkpad signed by Bjarne Stroustrup? Show the world how pretty your computer can be!

Rules

Post On-Topic
No Defaults
Busy Screenshots
Use High-Quality Images
Include a Details Comment
No NSFW
No Racism or use of racist terms

go to feed...