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

you are viewing a single comment's thread
view the rest of the comments
[–] 4 points 1 week ago (1 child)

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.

  • permalink
  • fedilink
  • source
  • hideshow 1 child comment
    •
  • [–] [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