[fp+forum] "Meer" valt van menu bovenin

[MatHack]

Toevoegen van TweakersGear heeft ertoe geleid dat Meer wegvalt naar een tweede regel.



EDIT: Nieuwste Firefox op Windows 10 op een 1920x1200 beeldscherm.

[Voor 7% gewijzigd door MatHack op 13-12-2022 20:36]

[SmurfLink]

Wellicht even handig te vermelden welke browser / schermbreedte je gebruikt. Op mijn 17inch laptop met Win10-Firefox heb ik er geen last van, ook als ik m'n browserscherm kleiner maak scaled het netjes mee.

[Hero of Time]

Zelfde probleem bij mij, FF 107.0.1 op Debian Sid. Font size is wel iets groter dan default, minimaal 16. Als ik naar 150% inzoom, is het probleem weg, simpelweg omdat 'TweakersGear' wordt verborgen omdat er een andere weergave gebruikt wordt.

[Marvellanius]

Ik kon dit zonder custom css overrides niet reproduceren in Firefox/Chrome; zou het kunnen dat je custom css of een browser-extensie gebruikt om de font-size te vergroten @MatHack ?
N.a.v. @Hero of Time 's opmerking gezien dat het inderdaad gebeurt bij het vergroten van de font-size

Edit:
Ik ga in overleg wel even kijken of er een elegante oplossing voor gemaakt kan worden, ik hou jullie op de hoogte

[Voor 18% gewijzigd door Marvellanius op 14-12-2022 10:04]

[MatHack]

@Marvellanius Ik heb inderdaad wel een aantal custom CSS, net even doorheen gekeken, zijn voornamelijk display: none, zag geen CSS die iets doet met de grootte van fonts.

Ff gekeken in de dev tools (F12), als ik <ul id="navmenu"> 1px breder maak past het menu-item wel (van 590 naar 591).
EDIT: Is het niet gewoon een padding-pixel probleem?

[Voor 8% gewijzigd door MatHack op 14-12-2022 12:28]

[MatHack]

Zo te zien is het gefixt

[Marvellanius]

Yes! Sorry, ik was vergeten een update te geven; We hebben de padding van de menu-items van 9px naar 7px verlaagt om het op te lossen

[nero355]

Ik had hier ook last van onder Pale Moon 31.4.1 en gek genoeg niet onder Firefox 107.0 onder Kubuntu dus bedankt voor het fixen!


Daarnaast nog een vraagje :

Welke Custom CSS kan ik toevoegen om TweakersGear te verbergen ?

Ik heb wat zitten rommelen, maar ik kon zo gauw niks voor elkaar krijgen behalve de hele Header die verdween i.p.v. alleen de li waarin TweakersGear zich bevindt...

[Hahn]

nero355 schreef op woensdag 14 december 2022 @ 17:29:
Ik had hier ook last van onder Pale Moon 31.4.1 en gek genoeg niet onder Firefox 107.0 onder Kubuntu dus bedankt voor het fixen!


Daarnaast nog een vraagje :

Welke Custom CSS kan ik toevoegen om TweakersGear te verbergen ?

Ik heb wat zitten rommelen, maar ik kon zo gauw niks voor elkaar krijgen behalve de hele Header die verdween i.p.v. alleen de li waarin TweakersGear zich bevindt...

Zolang TweakersGear het 7e item in de lijst blijft, werkt deze Custom CSS:

Cascading Stylesheet:

ul#navMenu li:nth-child(7) {
  display: none;
}

[nero355]

Hahn schreef op woensdag 14 december 2022 @ 17:39:
Zolang TweakersGear het 7e item in de lijst blijft, werkt deze Custom CSS:

Cascading Stylesheet:

ul#navMenu li:nth-child(7) {
  display: none;
}

Aha! "Soo close and yet soo far!" geweest Thnx!

[Hero of Time]

Ook bij mij is het nu in orde.

[P-Storm]

Mocht tweakers.net om wat voor reden ook een switch in positie maken, dan werkt dit:
Blijkbaar ondersteunen nog niet elke browser dit: https://caniuse.com/css-has, met firefox die het achter een toggle heeft

Cascading Stylesheet:

ul#navMenu > li:has(> a[href$='tweakersgear.net']) {
    display: none;
}