firefox show recent sites in new tabs

User Help for Mozilla Firefox
Post Reply
COKEDUDE
Posts: 194
Joined: December 4th, 2005, 5:43 pm

firefox show recent sites in new tabs

Post by COKEDUDE »

How do I get firefox to show recent sites in new tabs in the new releases of firefox? I really like this feature. I downgraded my firefox so I could get this screenshot. I really want this feature in the new versions of firefox.

https://pixhost.to/show/124/106574726_f ... b_page.jpg

Image
COKEDUDE
Posts: 194
Joined: December 4th, 2005, 5:43 pm

Re: firefox show recent sites in new tabs

Post by COKEDUDE »

This is what it looks like in the new version.

https://pixhost.to/show/124/106575021_f ... b_page.jpg

Image
kerft
Posts: 585
Joined: January 30th, 2019, 9:38 am

Re: firefox show recent sites in new tabs

Post by kerft »

This extension may let you get something similar to the old way https://addons.mozilla.org/en-US/firefo ... tab-tools/
User avatar
jscher2000
Posts: 11742
Joined: December 19th, 2004, 12:26 am
Location: Silicon Valley, CA USA
Contact:

Re: firefox show recent sites in new tabs

Post by jscher2000 »

You can increase the number of Top Sites rows and remove the tiles you don't care about (hover until the 3-bullet button appears, use that to unpin or dismiss). After that, it should be similar to the old display, just at a much smaller scale.
COKEDUDE
Posts: 194
Joined: December 4th, 2005, 5:43 pm

Re: firefox show recent sites in new tabs

Post by COKEDUDE »

jscher2000 wrote:You can increase the number of Top Sites rows and remove the tiles you don't care about (hover until the 3-bullet button appears, use that to unpin or dismiss). After that, it should be similar to the old display, just at a much smaller scale.
Is there a way to do it on a large scale?
User avatar
DanRaisch
Moderator
Posts: 127187
Joined: September 23rd, 2004, 8:57 pm
Location: Somewhere on the right coast

Re: firefox show recent sites in new tabs

Post by DanRaisch »

Define "large scale".
User avatar
jscher2000
Posts: 11742
Joined: December 19th, 2004, 12:26 am
Location: Silicon Valley, CA USA
Contact:

Re: firefox show recent sites in new tabs

Post by jscher2000 »

COKEDUDE wrote:
jscher2000 wrote:You can increase the number of Top Sites rows and remove the tiles you don't care about (hover until the 3-bullet button appears, use that to unpin or dismiss). After that, it should be similar to the old display, just at a much smaller scale.
Is there a way to do it on a large scale?
You can use custom style rules in a userContent.css file to enlarge the tiles if you like. I have these old rules myself for some reason (experimenting?). I don't actually use the tiles much so this isn't optimized by any means:

Code: Select all

/* Tweaks for "Top Stories" on New Tab Page and Home Page */
@-moz-document url("about:newtab"), url("about:home") {
  /* Define dimensions used in the rule */
  :root {
    --tilewidth: 275px;
    --tileheight: 180px;
  }
  /* Set tile and thumbnail size (too large?) */
  div.tile, div.tile div.screenshot {
    width: var(--tilewidth) !important;
    height: var(--tileheight) !important;
  }
  /* Increase width of title below thumbnail */
  .top-site-outer .title {
    width: var(--tilewidth) !important;
  }
  /* Reduce wasted space between tiles */
  .top-site-outer {
    padding: 0 4px !important;
  }
  /* Fix tile context menu button position */
  .top-site-outer .context-menu-button {
    offset-inline-end: -5px !important;
  }
  /* Reduce the site icon offset */
  .top-site-icon.default-icon {
    bottom: -1px !important;
    offset-inline-end: -1px !important;
  }
  /* Minimize left and right blank areas */
  main {
    width: 100% !important;
  }
  /* Adjust context menu position */
  .top-sites .context-menu {
    right: 0 !important;
    offset-inline-start: unset !important;
  }
  /* Full URL tooltip on hover */
  .top-site-inner a[href]:hover::after {
    content: attr(href);
    position: absolute;
    bottom: 0;
    left: 0;
    width: var(--tilewidth);
    color: blue;
    background-color: #ffa;
    font-size: 15px;
    padding: 0 6px 3px;
    border-radius: 6px;
  }
}
Post Reply