Toon posts:

[Feature] Ongemodereerd kleiner

Pagina: 1
Acties:

  • rens-br
  • Registratie: December 2009
  • Laatst online: 14:52

rens-br

Admin IN & Moderator Mobile
Topicstarter
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
  • Registratie: Maart 2013
  • Laatst online: 21-09 10:12

Johan9711

Verslaaft aan Tweakers

of gewoon een 0 op een grijze achtergrond.

Mijn tweakblog: http://johan9711.tweakblogs.net/


  • Belindo
  • Registratie: December 2012
  • Laatst online: 14:59

Belindo

β–Ά β”€πŸ”˜β”€β”€β”€β”€β”€β”€β”€ 15:02

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

Coding in the cold; <brrrrr />


  • rens-br
  • Registratie: December 2009
  • Laatst online: 14:52

rens-br

Admin IN & Moderator Mobile
Topicstarter
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
  • Registratie: Mei 2008
  • Laatst online: 24-09 09:34
Je zou er gewoon een [?] van kunnen maken en de reacties die niet gemodereerd zijn ook zo presenteren ipv [0].

Bitcoin.de


  • Belindo
  • Registratie: December 2012
  • Laatst online: 14:59

Belindo

β–Ά β”€πŸ”˜β”€β”€β”€β”€β”€β”€β”€ 15:02

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
http://s21.postimg.org/xygbyqmtz/Geen_Selectie.jpg

Normaal: Ongemodereerd actief:
http://s24.postimg.org/p572jwemt/Selectie_Ongemodereerd.jpg


Suggestie: Geen filter actief
http://s4.postimg.org/ras4ui78d/Suggestie.jpg

Suggestie: Ongemodereerd actief:
http://s29.postimg.org/5ehvjsz1z/Ongemod_Geselecteerd.jpg

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

Coding in the cold; <brrrrr />


  • rens-br
  • Registratie: December 2009
  • Laatst online: 14:52

rens-br

Admin IN & Moderator Mobile
Topicstarter
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
  • Registratie: November 2005
  • Laatst online: 02-04-2018
ΒΏ 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
  • Registratie: December 2009
  • Laatst online: 14:52

rens-br

Admin IN & Moderator Mobile
Topicstarter
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:
http://static.tweakers.net/ext/f/whihcf7XSjmRSrcuSNCoqchs/full.jpg

Suggestie: Ongemodereerd actief:
http://static.tweakers.net/ext/f/IvgFFvp5nXOJ0P9aqhDTTW3y/full.jpg
let niet op de paintskills

Vind ik persoonlijk duidelijker en beter

  • Zeror
  • Registratie: September 2003
  • Laatst online: 24-09 19:46

Zeror

Ik Henk 'm!

Of gewoon met [...]

http://tweakers.net/ext/f/CgHfbYLULSsTrydvr1CzI2yJ/full.png

Nintendo ID: Zeror_rk | SW-6670-3316-6323


  • Hero of Time
  • Registratie: Oktober 2004
  • Laatst online: 15:06

Hero of Time

Moderator NOS

There is only one Legend

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.

Commandline FTW | Tweakt met mate


  • Hero of Time
  • Registratie: Oktober 2004
  • Laatst online: 15:06

Hero of Time

Moderator NOS

There is only one Legend

Ik heb wat zitten sleutelen met CSS en ben op dit uitgekomen, dan krijg je dus wat rens-br laat zien.
Cascading Stylesheet:
1
2
3
4
5
6
7
8
9
10
11
12
.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).

Commandline FTW | Tweakt met mate


  • ssmeding
  • Registratie: Oktober 2008
  • Laatst online: 26-05-2020
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.
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
  • Registratie: September 2012
  • Laatst online: 14:52
Bij [...] zijn die puntjes bijna niet te zien. Ik vind die [?] duidelijker en mooier.

  • Hero of Time
  • Registratie: Oktober 2004
  • Laatst online: 15:06

Hero of Time

Moderator NOS

There is only one Legend

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. :D

Commandline FTW | Tweakt met mate


  • Zeror
  • Registratie: September 2003
  • Laatst online: 24-09 19:46

Zeror

Ik Henk 'm!

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.

Nintendo ID: Zeror_rk | SW-6670-3316-6323


  • Hero of Time
  • Registratie: Oktober 2004
  • Laatst online: 15:06

Hero of Time

Moderator NOS

There is only one Legend

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.

Commandline FTW | Tweakt met mate


  • Belindo
  • Registratie: December 2012
  • Laatst online: 14:59

Belindo

β–Ά β”€πŸ”˜β”€β”€β”€β”€β”€β”€β”€ 15:02

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:
1
2
3
4
5
6
7
8
9
10
11
12
.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).

Coding in the cold; <brrrrr />


  • Hero of Time
  • Registratie: Oktober 2004
  • Laatst online: 15:06

Hero of Time

Moderator NOS

There is only one Legend

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?

Commandline FTW | Tweakt met mate


  • Belindo
  • Registratie: December 2012
  • Laatst online: 14:59

Belindo

β–Ά β”€πŸ”˜β”€β”€β”€β”€β”€β”€β”€ 15:02

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.

Coding in the cold; <brrrrr />


  • Hero of Time
  • Registratie: Oktober 2004
  • Laatst online: 15:06

Hero of Time

Moderator NOS

There is only one Legend

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.

Commandline FTW | Tweakt met mate


  • Belindo
  • Registratie: December 2012
  • Laatst online: 14:59

Belindo

β–Ά β”€πŸ”˜β”€β”€β”€β”€β”€β”€β”€ 15:02

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

Cascading Stylesheet:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
.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]

Coding in the cold; <brrrrr />


  • Hero of Time
  • Registratie: Oktober 2004
  • Laatst online: 15:06

Hero of Time

Moderator NOS

There is only one Legend

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. :P

Commandline FTW | Tweakt met mate

Pagina: 1



Google Pixel 7 Sony WH-1000XM5 Apple iPhone 14 Samsung Galaxy Watch5, 44mm Sonic Frontiers Samsung Galaxy Z Fold4 Insta360 X3 Nintendo Switch Lite

Tweakers vormt samen met Hardware Info, AutoTrack, Gaspedaal.nl, Nationale Vacaturebank, Intermediair en Independer DPG Online Services B.V.
Alle rechten voorbehouden © 1998 - 2022 Hosting door True

Tweakers maakt gebruik van cookies

Tweakers plaatst functionele en analytische cookies voor het functioneren van de website en het verbeteren van de website-ervaring. Deze cookies zijn noodzakelijk. Om op Tweakers relevantere advertenties te tonen en om ingesloten content van derden te tonen (bijvoorbeeld video's), vragen we je toestemming. Via ingesloten content kunnen derde partijen diensten leveren en verbeteren, bezoekersstatistieken bijhouden, gepersonaliseerde content tonen, gerichte advertenties tonen en gebruikersprofielen opbouwen. Hiervoor worden apparaatgegevens, IP-adres, geolocatie en surfgedrag vastgelegd.

Meer informatie vind je in ons cookiebeleid.

Sluiten

Toestemming beheren

Hieronder kun je per doeleinde of partij toestemming geven of intrekken. Meer informatie vind je in ons cookiebeleid.

Functioneel en analytisch

Deze cookies zijn noodzakelijk voor het functioneren van de website en het verbeteren van de website-ervaring. Klik op het informatie-icoon voor meer informatie. Meer details

janee

    Relevantere advertenties

    Dit beperkt het aantal keer dat dezelfde advertentie getoond wordt (frequency capping) en maakt het mogelijk om binnen Tweakers contextuele advertenties te tonen op basis van pagina's die je hebt bezocht. Meer details

    Tweakers genereert een willekeurige unieke code als identifier. Deze data wordt niet gedeeld met adverteerders of andere derde partijen en je kunt niet buiten Tweakers gevolgd worden. Indien je bent ingelogd, wordt deze identifier gekoppeld aan je account. Indien je niet bent ingelogd, wordt deze identifier gekoppeld aan je sessie die maximaal 4 maanden actief blijft. Je kunt deze toestemming te allen tijde intrekken.

    Ingesloten content van derden

    Deze cookies kunnen door derde partijen geplaatst worden via ingesloten content. Klik op het informatie-icoon voor meer informatie over de verwerkingsdoeleinden. Meer details

    janee