[bug] Uitlijning nieuwe icons in topic listings

[Gropah]

Er zijn nieuwe icons!


Een frisse blik. Maar met die frisse blik, ga ik een beetje stuk op de uitlijning. Ik zal het proberen te illustreren met het volgende plaatje:



Ik heb een box om het icon gezet. Het lijkt er op dat de icon en de tekst rechts, aan de onderkant uitlijnt, maar dat doet het net niet. En het icon is niet lekker verticaal gecentreerd zoals te zien aan de verschillende lengte van de blauwe en rode lijn.

Het is vrij letterlijk gemierenneuk, maar voor mij ziet dit er uit als een bug.

[crisp]

Ik kan hem nog wel een pixel laten zakken, maar we moeten dan ook kijken wat dat met de verschillende varianten doet (en ook met de forumicons op de index).

Ik haak @Femme hier even bij aan; die heeft daar denk ik de beste blik voor

Dit is de bijbehorende CSS waarbij je met de padding kunt spelen:

Cascading Stylesheet:

table.listing .ind.topicicon {
    padding-bottom: 6px;
    padding-top: 12px;
}

[ Voor 23% gewijzigd door crisp op 23-09-2021 12:45 ]

[Paul]

Is dit ook een A/B-test?

Ik heb namelijk al jaren diverse paddings op 0 staan zodat er (bijna) 2x zoveel topics op één scherm passen, en deze icoontjes zijn groter Heb ze met Custom CSS al kleiner gemaakt (al weet ik niet hoe klein de vorige icoontjes waren dus heb maar een waarde genomen) dus je mag mij op de lijst "Zeikerts die niet tegen verandering kunnen" zetten

[Femme]

@crisp Ik pixel laten zakken is beter voor de icons in de topiclistings.

Het screenshot van @Gropah zijn de icons anders uitgelijnd dan in mijn browser en de Windows machine van @ikloon hier op kantoor. Dit is wat wij zien:

[XWB]

Paul schreef op donderdag 23 september 2021 @ 12:53:
Is dit ook een A/B-test?

Dit is geen A/B-test, deze icons zijn er dus voor iedereen

[crisp]

Femme schreef op donderdag 23 september 2021 @ 12:53:
@crisp Ik pixel laten zakken is beter voor de icons in de topiclistings.

Het screenshot van @Gropah zijn de icons anders uitgelijnd dan in mijn browser en de Windows machine van @ikloon hier op kantoor. Dit is wat wij zien:

[Afbeelding]

Dat zal wel weer verschil compact/cozy zijn (waar we uiteraard niet aan gedacht hebben...)

[gws24]

Femme schreef op donderdag 23 september 2021 @ 12:53:
@crisp Ik pixel laten zakken is beter voor de icons in de topiclistings.

Het screenshot van @Gropah zijn de icons anders uitgelijnd dan in mijn browser en de Windows machine van @ikloon hier op kantoor. Dit is wat wij zien:

[Afbeelding]

Bij mij met windows en Firefox heb ik het wel:



Qua custom css heb ik:
- Geen identicons bij forumposts
- Geen sociale tellers
- nog meer maar dat heeft de FP te maken.

EDIT:

crisp schreef op donderdag 23 september 2021 @ 13:06:
[...]

Dat zal wel weer verschil compact/cozy zijn (waar we uiteraard niet aan gedacht hebben...)

Staat bij mij op compact.

[ Voor 11% gewijzigd door gws24 op 23-09-2021 13:07 ]

[Gropah]

crisp schreef op donderdag 23 september 2021 @ 13:06:
[...]

Dat zal wel weer verschil compact/cozy zijn (waar we uiteraard niet aan gedacht hebben...)

Ik schat dat dat het is inderdaad. Ik gebruik compact. Als ik in een incognitab (dus zonder CSS en andere settings) actieve topics bekijk en op compact instel zie ik hetzelfde als in mijn TS gebeuren op Windows 10 met firefox 92.0

[stin00]

Het is ook wel gek dat het pinnetje voor sticky topics een schaduw heeft terwijl alle andere icoontjes dat niet hebben:



Nog gekker is dat bij bijv. het Frontpagemoderatie forum gedeelte het pinnetje dan weer géén schaduw heeft;



Persoonlijk zou ik dan de Stucky_off.svg (zonder schaduw) overal gebruiken ipv. de stucky_alias_off.svg (met schaduw).

[ Voor 3% gewijzigd door stin00 op 23-09-2021 13:39 ]

[Femme]

stin00 schreef op donderdag 23 september 2021 @ 13:27:
Het is ook wel gek dat het pinnetje voor sticky topics een schaduw heeft terwijl alle andere icoontjes dat niet hebben:

[Afbeelding]

Nog gekker is dat bij bijv. het Frontpagemoderatie forum gedeelte het pinnetje dan weer géén schaduw heeft;

[Afbeelding]

Persoonlijk zou ik dan de Stucky_off.svg (zonder schaduw) overal gebruiken ipv. de stucky_alias_off.svg (met schaduw).

Het schaduweffect wordt gebruikt voor aliassen. Van elk icoon is er een aliasvariant.

[crisp]

stin00 schreef op donderdag 23 september 2021 @ 13:27:
Het is ook wel gek dat het pinnetje voor sticky topics een schaduw heeft terwijl alle andere icoontjes dat niet hebben:

[Afbeelding]

Nog gekker is dat bij bijv. het Frontpagemoderatie forum gedeelte het pinnetje dan weer géén schaduw heeft;

[Afbeelding]

Persoonlijk zou ik dan de Stucky_off.svg (zonder schaduw) overal gebruiken ipv. de stucky_alias_off.svg (met schaduw).

Het pinnetje met schaduw geeft aan dat het een alias topic betreft, en het originele topic zich dus feitelijk in een ander forum bevindt

[stin00]

Aha, weer wat geleerd

[ Voor 60% gewijzigd door stin00 op 23-09-2021 13:39 ]

[Belindo]

Zouden, voor de dark mode gebruikers hier, de icoontjes één kleine aanpassing kunnen krijgen waarbij de hoek rechtsboven het voorste icoontje gewoon een donkere lijn heeft zoals de rest van het icoontje?

Dat wit is nu een beetje lelijk:

[Mschamp]

Belindo schreef op donderdag 23 september 2021 @ 13:39:
Zouden, voor de dark mode gebruikers hier, de icoontjes één kleine aanpassing kunnen krijgen waarbij de hoek rechtsboven het voorste icoontje gewoon een donkere lijn heeft zoals de rest van het icoontje?

Dat wit is nu een beetje lelijk:
[Afbeelding]

Was me inderdaad ook opgevallen.
Een transparante lijn zou ook een goede invulling zijn, dan is het wit bij mensen met een witte modus en donker bij wie een donkere modus heeft.

[crisp]

Ik heb de uitlijning van de icons, ook in compact en cozy, ondertussen wat getweaked.

Wat betreft het witte lijntje in de icons, dat is iets waar @Femme nog een keer naar mag kijken (wellicht een mask gebruiken?)

[Coffeemonster]

Overigens vind ik de nieuwe icons wel wat erg groot vergeleken met de tekst ernaast. Ik heb met custom css de icons iets kleiner gemaakt (custom css snippet: Topicicons kleiner), zodat het wat beter past bij de tekst. Maar wat mij betreft zou dat ook wel default mogen.

[gws24]

Uitlijning is nu goed bij mij op compact.

[crisp]

Coffeemonster schreef op donderdag 23 september 2021 @ 14:26:
Overigens vind ik de nieuwe icons wel wat erg groot vergeleken met de tekst ernaast. Ik heb met custom css de icons iets kleiner gemaakt (custom css snippet: Topicicons kleiner), zodat het wat beter past bij de tekst. Maar wat mij betreft zou dat ook wel default mogen.

Mja, van mij mag de default fontsize op het forum wel naar 13px ipv 12px

[Outerspace]

Op mijn mobiel (S11) lijkt de uitlijning ook niet te kloppen. Het icoontje van de ingediende TR's verspringt, waardoor de titel naar onder schuift en lelijk oogt . Voor deze aanpassing had ik dit niet.

[ Voor 7% gewijzigd door Outerspace op 23-09-2021 17:54 ]

[Ardana]

Ben ik de enige die de nieuwe icoontjes op "duimpjes naar beneden" vind lijken?

[crisp]

Outerspace schreef op donderdag 23 september 2021 @ 17:54:
Op mijn mobiel (S11) lijkt de uitlijning ook niet te kloppen. Het icoontje van de ingediende TR's verspringt, waardoor de titel naar onder schuift en lelijk oogt . Voor deze aanpassing had ik dit niet.

[Afbeelding]

Ik kan dit niet reproduceren?

[Outerspace]

crisp schreef op donderdag 23 september 2021 @ 18:25:
[...]

Ik kan dit niet reproduceren?

Hmm, ik heb dit zowel met de default browser van Samsung als met Chrome. Chrome had geen sessies of cookies, dus dat is vanilla.

[crisp]

Outerspace schreef op donderdag 23 september 2021 @ 19:08:
[...]

Hmm, ik heb dit zowel met de default browser van Samsung als met Chrome. Chrome had geen sessies of cookies, dus dat is vanilla.

Is dat gewoon de active topics?

[Outerspace]

crisp schreef op donderdag 23 september 2021 @ 19:10:
[...]

Is dat gewoon de active topics?

Yep, geen css oid. Ik heb het ook buiten AT om, dus gewoon per subforum.

Even gekeken: ik heb cozy, automatisch schalen, helder weergave altijd in beeld aan staan.

[ Voor 30% gewijzigd door Outerspace op 23-09-2021 20:05 ]

[crisp]

Outerspace schreef op donderdag 23 september 2021 @ 20:03:
[...]

Yep, geen css oid. Ik heb het ook buiten AT om, dus gewoon per subforum.

Even gekeken: ik heb cozy, automatisch schalen, helder weergave altijd in beeld aan staan.

Zo te zien is het alleen bij de grijze topicreporticons. Ik zal daar morgen wat verder in duiken. Je kan die icons voor fora waar je geen modrechten hebt overigens uitzetten in je forum instellingen (tenzij dat juist is wat stukgegaan is, maar omdat ik overal modrechten heb zie ik dat niet ).

[Femme]

Belindo schreef op donderdag 23 september 2021 @ 13:39:
Zouden, voor de dark mode gebruikers hier, de icoontjes één kleine aanpassing kunnen krijgen waarbij de hoek rechtsboven het voorste icoontje gewoon een donkere lijn heeft zoals de rest van het icoontje?

Dat wit is nu een beetje lelijk:
[Afbeelding]

Moet ik volgende week even naar kijken. Het is inderdaad wel beter om het icoon meteen geschikt te maken voor weergave in dark mode.

[Belindo]

Femme schreef op donderdag 23 september 2021 @ 22:30:
[...]


Moet ik volgende week even naar kijken. Het is inderdaad wel beter om het icoon meteen geschikt te maken voor weergave in dark mode.

Alvast dank!

[Ebayzo]

Wat betekenen de kleurtjes eigenlijk van die iconen

[Paul]

Ongeveer zoiets:

Kleur: Categorie (Computers, IT Pro, Games, etc)
Enkele ballon met vraagteken: Vraag-topic
Dubbele ballon: Discussietopic
Punaise: Sticky
Rondje met i: Faq

[AW_Bos]

Ebayzo schreef op vrijdag 24 september 2021 @ 08:20:
Wat betekenen de kleurtjes eigenlijk van die iconen

Forum FAQ #topicTypes

[Belindo]

Femme schreef op donderdag 23 september 2021 @ 22:30:
[...]


Moet ik volgende week even naar kijken. Het is inderdaad wel beter om het icoon meteen geschikt te maken voor weergave in dark mode.

Ik zie dat ze vandaag aangepast zijn, dank je wel! Ziet er véél beter uit. Sorry als jullie nog bezig zijn, maar voor een gesloten topic heeft het icoontje (alleen het slotje) nog een witte border.

[crisp]

Belindo schreef op woensdag 29 september 2021 @ 13:46:
[...]

Ik zie dat ze vandaag aangepast zijn, dank je wel! Ziet er véél beter uit. Sorry als jullie nog bezig zijn, maar voor een gesloten topic heeft het icoontje (alleen het slotje) nog een witte border.

Ik vind die witte outline rond het slotje eigenljk helemaal niet zo verkeerd.