MrOtherGuy / firefox-csshacks

Collection of userstyles affecting the browser
Mozilla Public License 2.0
3.28k stars 319 forks source link

start page Shortcuts screenshots disappeared in version 89 #113

Open joyously opened 3 years ago

joyously commented 3 years ago

Firefox 89 changed the way the start page "Shortcuts" icons are styled. It used to show a screenshot of the site, but now it has a white box with the favicon in the center. Looking at the HTML, the screenshot dataURI is still there, but it's not visible, probably because it would look weird with the favicon on top of it. There is more space between than before also. Do you have a way to "fix" this bad change? (The other options for the start page might have changed also, but I don't use them.)

MrOtherGuy commented 3 years ago

You could use something like this I think:

@-moz-document url("about:home"),url("about:newtab"){
  .top-site-outer .tile .icon-wrapper{
    width: 100% !important;
    height: 100% !important;
  }
  .screenshot{ width: 100%; height: 100% }
  .screenshot + .top-site-icon{ display:none !important }
}

But, you may be better by using some extension as a custom newtab page because if Fireofx doesn't show those anymore then it's kinda likely that the screenshots won't even be generated before long. I really don't know what the plan for newtab page is.

joyously commented 3 years ago

Hey, thanks, that works mostly. Does this belong in the userContent.css? If I add .screenshot {background-size: cover} it looks more like it used to. And for some that don't have favicons, it's using a letter-fallback class with a :before psuedo-element which totally covers the screenshot. :sigh: It doesn't seem very well thought out.

MrOtherGuy commented 3 years ago

Yes, userContent.css