Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Opção de "random post/conversa aleatória" no header #152

Open
claromes opened this issue Nov 15, 2024 · 6 comments
Open

Opção de "random post/conversa aleatória" no header #152

claromes opened this issue Nov 15, 2024 · 6 comments
Labels
melhoria Novo recurso ou funcionalidade

Comments

@claromes
Copy link
Member

Me lembro que isso foi sugerido em algum momento... Quais seriam as regras?
E qual a ordem no header?

@claromes claromes added the melhoria Novo recurso ou funcionalidade label Nov 15, 2024
@rghedin
Copy link
Collaborator

rghedin commented Nov 15, 2024

Boa!

O Manual inteiro está configurado para fechar os comentários de posts com +30 dias.

Acho que isso é importante para evitar frustrações: considerar no “sorteio” do link aleatório apenas posts que estejam com os comentários abertos.

Ainda temos algum espaço na barra principal. Poderia ser aquele ícone de tocadores de música (este) antes de “Populares”. O que acha?

@claromes
Copy link
Member Author

Ícone? Só texto não é melhor?

image

@rghedin
Copy link
Collaborator

rghedin commented Nov 16, 2024

Sugeri o ícone porque, em texto, quebra a linha em telas pequenas. Alguma ideia de como contornar esse problema?

@claromes
Copy link
Member Author

Só consigo pensar em duas linhas:

Postar


Menu com as três opções


Vou testar e compartilho aqui.

@rghedin
Copy link
Collaborator

rghedin commented Nov 21, 2024

Você tem ideia de qual é o menor viewport em uso hoje? Fiz um mockup usando o do iPhone 5/5S (320 px) e, sem o · separando os itens, deu bom:

image

Ainda dá para ganhar um bom espaço diminuindo o column-gap dos itens à direita e, em último caso, o tamanho da fonte. Com essas alterações (column-gap: .5rem e font-size: var(--fs-0);), fica assim:

image

@claromes
Copy link
Member Author

Ficou bom. O meu limite no DevTools é o "Samsung Galaxy S8+".

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
melhoria Novo recurso ou funcionalidade
Projects
None yet
Development

No branches or pull requests

2 participants