ColdWater comments on 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

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 (europe.pub)

submitted 1 week ago* (last edited 1 week ago) by ColdWater@lemmy.ca to c/unixporn@lemmy.ml

37 comments fedilink hide all child comments

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.

[–] ColdWater@lemmy.ca [S] 7 points 1 week 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;
}```

permalink

fedilink

source

parent