[Feature] Ongemodereerd kleiner

[rens-br]

Met plan: Development-round-up - Iteratie #74 is een nieuwe feature verschenen waardoor er nu ook op 'Ongemodereerd' kan worden gefilterd. Deze knop neemt in vergelijking met de andere knoppen erg veel ruimte in.

Is het mogelijk om deze kleiner / anders te maken. Deze past dan beter bij de andere knoppen. Bijvoorbeeld een vraagteken?

[Johan9711]

of gewoon een 0 op een grijze achtergrond.

[Belindo]

Waarom niet gewoon een grijze 0, zoals de reacties die niet gemodereerd zijn?

[rens-br]

Belindo schreef op dinsdag 15 september 2015 @ 13:36:
Waarom niet gewoon een grijze 0, zoals de reacties die niet gemodereerd zijn?

Johan9711 schreef op dinsdag 15 september 2015 @ 13:36:
of gewoon een 0 op een grijze achtergrond.

Bij mij is er al een 0 die grijs is. Dat is de 0 voor de reacties die de 0-score hebben gekregen. Deze wordt pas geel als ik erover heen hover of selecteer.

[Hipska]

Je zou er gewoon een [?] van kunnen maken en de reacties die niet gemodereerd zijn ook zo presenteren ipv [0].

[Belindo]

rens-br schreef op dinsdag 15 september 2015 @ 13:49:
[...]


[...]


Bij mij is er al een 0 die grijs is. Dat is de 0 voor de reacties die de 0-score hebben gekregen. Deze wordt pas geel als ik erover heen hover of selecteer.

De 0 voor Offtopic is grijs als je een andere filter geactiveerd hebt. Echter is dit wel een andere tint dan de ongemodereerde:

Normaal: Geen filter actief


Normaal: Ongemodereerd actief:



Suggestie: Geen filter actief


Suggestie: Ongemodereerd actief:


Let niet op de aantallen, plaatjes komen van verschillende nieuweonderwerpen ivm. gebrek aan niet gemodereerde reacties bij de eerste waar ik snips maakte

[rens-br]

Belindo schreef op dinsdag 15 september 2015 @ 14:17:
[...]

De 0 voor Offtopic is grijs als je een andere filter geactiveerd hebt. Echter is dit wel een andere tint dan de ongemodereerde:

Normaal: Geen filter actief
[afbeelding]

Normaal: Ongemodereerd actief:
[afbeelding]


Suggestie: Geen filter actief
[afbeelding]

Suggestie: Ongemodereerd actief:
[afbeelding]

Let niet op de aantallen, plaatjes komen van verschillende nieuweonderwerpen ivm. gebrek aan niet gemodereerde reacties bij de eerste waar ik snips maakte

Bedankt voor de plaatjes. Het ziet er echt stukken beter uit met wat er nu gemaakt is. Maar echt duidelijk vind ik het persoonlijk niet.

[Bram1337]

¿ is beter en mits geselecteerd ¡. Ongemodereerden daar onder zijn duidelijker gesymboliseerd ? > ... wellicht.

[Voor 96% gewijzigd door Bram1337 op 21-06-2016 00:48. Reden: Getallen ontberen de ondersteboven tijdsfilters ...]

[rens-br]

Belindo schreef op dinsdag 15 september 2015 @ 14:17:
[...]

De 0 voor Offtopic is grijs als je een andere filter geactiveerd hebt. Echter is dit wel een andere tint dan de ongemodereerde:

Met vraagtekens krijg je dan zoiets:
Suggestie: Geen filter actief:


Suggestie: Ongemodereerd actief:

_{let niet op de paintskills}

Vind ik persoonlijk duidelijker en beter

[Zeror]

Of gewoon met [...]

[Hero of Time]

Nou doe ik niets met moderaties op de FP maar die ... is op m'n TV vanaf de bank echt niet te zien, terwijl de ? dat wel is. Staat ook beter in de stijl van de rest.

[Hero of Time]

Ik heb wat zitten sleutelen met CSS en ben op dit uitgekomen, dan krijg je dus wat rens-br laat zien.

Cascading Stylesheet:

.modFilter .scoreButton.scorenone, .modFilter .scoreButton.wide {
    word-spacing: -999px;
    letter-spacing: -999px;
    display: none;
}
.modFilter .scoreButton.scorenone:after, .modFilter .scoreButton.wide:after {
    content: '?';
    word-spacing: normal;
    letter-spacing: normal;
    background: linear-gradient(to bottom, #C8CBCB, #BEC1C1) #C8CBCB;
    padding: 3px 3px;
}

Getest met Opera 12.16 en Otter-browser (webkit engine).

[ssmeding]

Mooi dat hier al een topic over bestaat. Ook ik stoor me sinds de laatste update aan de lengte van deze (verder overigens prima) knop.

Zeror schreef op dinsdag 15 september 2015 @ 20:03:
Of gewoon met [...]

[afbeelding]

Dit lijkt mij de mooiste en duidelijkste oplossing.

Verder mag de achtergrond van het nieuwe knopje van mij in de 'default state' van deze balk (zonder filters (alleen -1 onzichtbaar) en zonder hovers) naar donkergrijs. Dit is meer in lijn met 0 t/m +3, die dan standaard ook zijn opgemaakt in hun active state.

[EJlol]

Bij [...] zijn die puntjes bijna niet te zien. Ik vind die [?] duidelijker en mooier.

[Hero of Time]

EJlol schreef op dinsdag 06 oktober 2015 @ 15:19:
Bij [...] zijn die puntjes bijna niet te zien. Ik vind die [?] duidelijker en mooier.

Graag gedaan.
Leve custom css.

[Zeror]

De reden dat ik koos voor de puntjes is omdat ik een vraagteken te makkelijk vind om hiervoor te gebruiken. Daarnaast vind ik een vraagteken niet passen bij een lege moderatie.

[Hero of Time]

Hoezo niet? Het staat toch prima voor onbekende moderatie. Een '...' geeft nog het idee dat er wat tekst achter hoort ofzo. Maar je kan met mijn stukje CSS alles neerzetten wat je wilt. Ook de kleur kan je zo leuk maken als je wilt. Blauw (zoals de 'Reageeer' en 'Plaats reactie' knoppen hier op GoT) is op zich ook wel een aardige, omdat als je een van de filters inschakelt, de rest al grijs wordt.

[Belindo]

Hero of Time schreef op donderdag 17 september 2015 @ 11:21:
Ik heb wat zitten sleutelen met CSS en ben op dit uitgekomen, dan krijg je dus wat rens-br laat zien.

Cascading Stylesheet:

.modFilter .scoreButton.scorenone, .modFilter .scoreButton.wide {
    word-spacing: -999px;
    letter-spacing: -999px;
    display: none;
}
.modFilter .scoreButton.scorenone:after, .modFilter .scoreButton.wide:after {
    content: '?';
    word-spacing: normal;
    letter-spacing: normal;
    background: linear-gradient(to bottom, #C8CBCB, #BEC1C1) #C8CBCB;
    padding: 3px 3px;
}

Getest met Opera 12.16 en Otter-browser (webkit engine).

Vandaag custom CSS geactiveerd, maar deze code resulteert bij mij in een onzichtbare knop in Chrome (laatste versie).

[Hero of Time]

Belindo schreef op maandag 19 oktober 2015 @ 11:03:
[...]

Vandaag custom CSS geactiveerd, maar deze code resulteert bij mij in een onzichtbare knop in Chrome (laatste versie).

Hmm, vreemd. Wat zie je in de dev tools aan foutmeldingen? En zie je wel iets als je de content verandert van '?' naar 'langere tekst', inclusief de quotes? Heb je 't ook in een andere browser getest, zoals Firefox of IE oid?

[Belindo]

Met langere tekst blijft ie onzichtbaar. Ook op IE. Helaas even geen andere browser. Kan niets opvallends zien in de Dev tools van Chrome.
Wanneer ik echter de display:none weghaal, zie ik de knop wel. Zonder de 'Ongemodereerd' tekst, maar met de custom text. Alleen klopt de bgcolor van de text niet bij een mouse-over, of wanneer de knop geactiveerd is. De kleur is dan lichter dan de rest van de knop.

[Hero of Time]

Ik heb zelf geen behoefte om Chrome te installeren (of überhaupt te gebruiken), en IE gaat 'm voor mij ook niet worden. Je zal zelf even moeten spelen met CSS om het op te lossen. Ik had bij Opera 12 al genoeg aan de content stukje bij de main div, dus zonder :after of :before. De code die ik had gevonden en eerst probeerde deed iets met 'visible: hidden;' ofzo, maar dat had niet helemaal het gewenste resultaat.

Ik zag wel eens dat het stukje waar de ? in staat lichter was dan de rest van de knop, volgens mij toen ik het element nog eens inspecteerde met Otter ofzo. Is combinatie van de custom CSS en browser render fout.

[Belindo]

Na wat geklooi heb ik hem nu werkend op Chrome en op m'n WP Da's genoeg voor mij.

Cascading Stylesheet:

.modFilter .scoreButton.scorenone, .modFilter .scoreButton.wide {
    word-spacing: -999px;
    letter-spacing: -999px;
}
.modFilter .scoreButton.wide:after {
    content: '...';
    word-spacing: normal;
    letter-spacing: normal;
    padding: 3px 3px;
    background: linear-gradient(to bottom, #C8CBCB, #BEC1C1) #C8CBCB;
}
.modFilter .scoreButton.scorenone:after {
    background-image: linear-gradient(#939595,#7b7e7e);
}

[Voor 3% gewijzigd door Belindo op 19-10-2015 12:10]

[Hero of Time]

Zo fix ik ook veel van mijn CSS dingen, gewoon blijven proberen totdat je krijgt wat je hebben wilt, even testen of het ook werkt op een ander apparaat die je veel gebruikt en klaar, lekker laten staan.

Ik moet eigenlijk eens de tijd nemen om m'n hele custom CSS naar Tweakers zelf te verhuizen, ipv het nu via de browser te laten doen. Het in sync houden van de code is niet echt handig met de grootte van mijn custom css.