FF - NewTab Page - Größe anpassen

Micha_Btz

Hi,

ich habe mit einem kleinen Code Schnipsel die Kachelgrößen der NewTab Page angepasst.

Prinzipiell funktioniert das auch:

userContent.css

CSS

/*Erweiterungensseite - Breite der Elemente anpassen*/
.addon.card {
      max-width: initial !important;
}

/* Remove left and right blank areas to max. space */
main {
  width: 100% !important;
}
/* Set tile and thumbnail size (too large?) */
div.tile, div.tile div.screenshot {
  width: 150px !important;
  height: 120px !important;
}
/* Reduce wasted space between tiles */
li.top-site-outer {
  padding: 5 40px !important;
}

Alles anzeigen

Gefunden habe ich diesen Code im Netz, irgendwo auf github. Es gibt unter anderem Sideeffekte auf andere Websiten, z.b. https://de.webfail.com/. ,wahrscheinlich durch den geänderten div Tag.Leider verstehe ich zu wenig davon um den Fehler zu beheben.

Ich habe versucht mit den Web Dev Tools eine Größe zu finden, die sich wirklich nur auf New Tab auswirkt, gelang mir leider nicht.

Jemand ne Idee dazu?

Micha

2002Andreas

Hallo und Willkommen hier im Forum. ?

Teste bitte diesen Code mal:

CSS

@-moz-document url(about:newtab), url(about:home) {

/* Remove left and right blank areas to max. space */
main {
  width: 100% !important;
}
/* Set tile and thumbnail size (too large?) */
div.tile, div.tile div.screenshot {
  width: 150px !important;
  height: 120px !important;
}
/* Reduce wasted space between tiles */
li.top-site-outer {
  padding: 5 40px !important;
}
}

Alles anzeigen

Micha_Btz

funktioniert super, keine Sideeffects. Ich vermute, dass

Code

@-moz-document url(about:newtab)

es genau auf diese Seite beschränkt.

Danke.

2002Andreas

Zitat von Micha_Btz

es genau auf diese Seite beschränkt.

So ist es

Micha_Btz

Hallo nochmals,

habe nun doch einen Sideeffekt festgestellt. Wenn ich eine neue Seite hinzufügen will,

ist von dem Menu nicht viel zu sehen, kann ich das nach links aufklappen lassen?

Siehe Bild.

Eine kleine zusätzliche Frage, bei einigen Seiten werden auf der NewTab Page große Icons für die gepinnten Seiten verwendet, bei einigen kleine. Kann ich überall große haben? Bzw werd oder was regelt das?

Sieht man auch auf dem Bild.

Danke Micha

2002Andreas

Zitat von Micha_Btz

kann ich das nach links aufklappen lassen?

Teste bitte mal diesen Code, die beiden unteren Werte musst du evtl. noch anpassen.

CSS

@-moz-document url(about:newtab), url(about:home) {

/* Remove left and right blank areas to max. space */
main {
  width: 100% !important;
}
/* Set tile and thumbnail size (too large?) */
div.tile, div.tile div.screenshot {
  width: 150px !important;
  height: 120px !important;
}
/* Reduce wasted space between tiles */
li.top-site-outer {
  padding: 5 40px !important;
}

.context-menu {
    inset-inline-start: 88% !important;
}
   
.context-menu > ul {
    padding: 2px !important;
}
}

Alles anzeigen

Zitat von Micha_Btz

Bzw werd oder was regelt das?

Mit diesem Code den du dir anpassen musst, kannst du das kleine Bild ändern:

CSS

.top-site-outer .default-icon, .top-site-outer .search-topsite {
    bottom: -6px !important;
    height: 42px !important;
    inset-inline-end: -6px !important;
    width: 42px !important;
    font-size: 20px !important;    
}

Micha_Btz

Hey danke, dass mit dem Menu funktioniert gut.

Das mit den Bildchen verstehe ich nicht so ganz. Einige meiner Kacheln haben ein kleines Bildchen andere nicht. Hier vermute ich mal, dass es sich um das Favicon handelt und wenn die Website keines hat, zeigt es auch keines. Kann ich irgendwie erzwingen dass ein neues Bild erstellt wird?

Habe nicht den Eindruck, dass dein Code für die Bildchen etwas bewirkt. Habe den mit in die UserContent geschoben,

direkt unter den ersten Eintrag.

Edit: doch, dein Code funktioniert und macht die Bildchen größer, dass brauche ich allerdings nicht.

2002Andreas

Das Icon kommt von der jeweiligen Webseite.

Wenn sie keines anbieten, dann fehlt es unten rechts.

Mir ist nicht bekannt, ob man selber daran etwas ändern kann

captain chaos

Zitat von Micha_Btz

Einige meiner Kacheln haben ein kleines Bildchen andere nicht. Hier vermute ich mal, dass es sich um das Favicon handelt und wenn die Website keines hat, zeigt es auch keines. Kann ich irgendwie erzwingen dass ein neues Bild erstellt wird?

Durch Mouseover über eine der "wichtigen Seiten" auf der "Neuer Tab"-Seite erscheinen drei Punkte rechts oben, hier "Bearbeiten" auswählen, dann kann man Titel, Bild und URL der jeweiligen Seite anpassen.

2002Andreas

Zitat von captain chaos

dann kann man Text, Bild und URL der jeweiligen Seite anpassen.

Hat aber nicht wirklich etwas mit diesem Thema zu tun

captain chaos

2002Andreas Wie verstehst du die von mir zitierte Frage von Micha_Btz?

Über diese Funktion kann man benutzerdefinierte Grafiken als Vorschaubild festlegen, z.B. ein großes Favicon, um die automatische Vorschau der Seite damit zu ersetzen.

2002Andreas

Zitat von Micha_Btz

die Kachelgrößen der NewTab Page angepasst.

Das kann man mit deinem Hinweis z.B. nicht.

Zitat von Micha_Btz

dass es sich um das Favicon handelt

Damit ist dieses Favicon von manchen Webseiten gemeint.

Und auch das kann man mit deinen genannten Einstellungen nicht ver/ändern

captain chaos

Um die Kachelgröße ging es mir nicht, sondern um seine zusätzliche Frage:

Zitat von Micha_Btz

Eine kleine zusätzliche Frage, bei einigen Seiten werden auf der NewTab Page große Icons für die gepinnten Seiten verwendet, bei einigen kleine. Kann ich überall große haben? Bzw werd oder was regelt das?
Sieht man auch auf dem Bild.

Das habe ich so verstanden, dass er nicht das kleine Bild des Favicons auf den Kacheln rechts unten verändern will, sondern überall große Icons auf den Kacheln haben möchte.

2002Andreas

Zitat von captain chaos

überall große Icons auf den Kacheln haben möchte.

Um das dann mit deinen Hinweis machen zu können, muss man ein neues (eigenes) Icon erst noch auf einem Hoster hochladen, um einen Url einzutragen.

Oder von der jeweiligen Webseite nach einem anderen Icon und der Url dann suchen.

Oder alternativ ein eigenes Bild von seinem PC nehmen, das geht aber nicht über den genannten Weg von dir dann, sondern:

#2

captain chaos

Zitat von 2002Andreas

Zitat von captain chaos

überall große Icons auf den Kacheln haben möchte.

Um das dann mit deinen Hinweis machen zu können, muss man ein neues (eigenes) Icon erst noch auf einem Hoster hochladen, um einen Url einzutragen.
Oder von der jeweiligen Webseite nach einem anderen Icon und der Url dann suchen.

Das ist doch kein Problem.

Danke für den Link, wie man lokale Bilder damit benutzt.

2002Andreas

Zitat von captain chaos

Das ist doch kein Problem.

Wenn man weiß wie...dann nicht

Zitat von captain chaos

Danke für den Link,

Gerne doch.