Merhaba,
Biliyorum, ufak ve işleve etkisi olmayan bir öneri. Yine de bu öneriyi sunasım geldi. Şu an öneri artılama ve eksileme butonları masaüstü ve mobil görünümlerinde sırayla şu şekilde:
Eki Görüntüle 5971Eki Görüntüle 5972
Bunları, temsil ettikleri görevlere uyum sağlayacak şekilde artı ve eksiye çevirebiliriz. Önerdiğim sembolleri ve Unicode kodlarını paylaşayım:
Yapılması gereken değişiklikler:
.contentVote-vote.contentVote-vote--up:before'da content: "\002b";.
.contentVote-vote.contentVote-vote--up:before'da content: "\2212";.
.contentVote-vote:before'da font-weight: 900;. (Gözüme en hoş gelen kalınlık bu oldu.)
.contentVote-vote:before'da font-family: none;. (Şimdilik çözümlerden biri olarak bunu buldum, hoş olmayabilir. Ayar bu şekildeyken semboller tam ortada duruyor.)
.contentVote-vote'ta display: flex;. (Bu da bir önceki gibi anlık bulduğum bir çözüm. Bunu yapmayınca a elementinin ::before'a göre yukarıdan ekstra bir yüksekliği oluyor, nedenini tam çözemedim.)
Değişiklikler sonrası yeni durum:
Eki Görüntüle 5975Eki Görüntüle 5976
Eki Görüntüle 5995Eki Görüntüle 5996Eki Görüntüle 5997
İlginiz için teşekkürler.