# Indicador oval não lido na seção de categorias da barra lateral

**URL:** https://meta.discourse.org/t/oval-unread-indicator-in-the-categories-section-of-the-sidebar/244533
**Category:** UX
**Tags:** sidebar
**Created:** [Novembro 6, 2022, 12:41am UTC](https://meta.discourse.org/t/oval-unread-indicator-in-the-categories-section-of-the-sidebar/244533 "2022-11-06T00:41:26Z")
**Posts on this page:** 1
**Page:** 1

<div class="post-metadata">

### Author: ![Canapin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/canapin/32/119591_2.png) [@Canapin](https://meta.discourse.org/u/Canapin)
#### Post date: [Novembro 6, 2022, 12:41am UTC](https://meta.discourse.org/t/oval-unread-indicator-in-the-categories-section-of-the-sidebar/244533/1 "2022-11-06T00:41:26Z")

</div>

Seção de Categoria:

 ![image](https://global.discourse-cdn.com/meta/original/4X/b/d/3/bd3b92a6038b2b41d7621cc2d350179328b95321.png)

Seção da Comunidade, perfeitamente redonda (mas será esticada se alterarmos o valor vertical-align do ícone SVG, falo sobre isso após minhas capturas de tela):

 ![image](https://global.discourse-cdn.com/meta/original/4X/f/1/9/f19439bb771a3237668bc7bb50aedb0ebd1e74a4.png)

Seção de Categoria no meta, perfeitamente redonda:

 ![image](https://global.discourse-cdn.com/meta/original/4X/6/f/7/6f7edeeb99bd7b6f63dcd42d3f83cfb208743672.png)

Notei duas coisas que afetam a “ovalidade” do indicador: a fonte escolhida e o valor CSS vertical-align do ícone SVG.  
Mas não tenho certeza se esses dois atributos são relevantes porque parece e se comporta exatamente como o mesmo problema que este:

> [@Very minor issue: on the topics list, the new messages indicator can be on a new line by itself](https://meta.discourse.org/t/very-minor-issue-on-the-topics-list-the-new-messages-indicator-can-be-on-a-new-line-by-itself/215980/5):
>
> Also, the appearance of the dot is sometimes a bit different from one topic line to another. They have the exact same CSS properties. Both dots computed dimensions are 5.219px. But they look different: [image] On the image I posted on my previous post, it seems taller: [image] Their “roundness” varies depending on the browser zoom. I’m fairly certain that these roundness variations are caused by their final rounded (no pun) width and heigh values since they are floating numbers (their dime…

Acho que se uma correção fosse acontecer, seria da mesma forma que foi corrigida no meu link, usando valores fixos e redondos.

* * *

Editar: o mesmo nos novos indicadores de configurações alteradas no painel de administração:

 ![image](https://global.discourse-cdn.com/meta/original/4X/0/4/3/043cfe36269af8d8670749f0c3b42ddfca184736.png)