Discourse Button Styles

Yes, I’m getting that after reinstalling it however I’m not getting the option to add it as a theme component to my active / user-selectable theme.

Wait a minute, there was a typo and the about file give an error. @awesomerobot there is a fix ready on Github

2 curtidas

Merged now, should be all set. Thanks again @dax!

3 curtidas

Try to update the component now @dlukefinch , just click on the Check for Updates button

4 curtidas

Boom. Sorted! Thanks guys :partying_face:

2 curtidas

Hello guys,

A quick question. I have installed the modification and it appears to be set up correctly. However, I see that all the configuration fields are empty by default. I’m not really familiar with CSS, so anyone can provide me some default values for the configuration fields? I am using the default light theme of the discourse, but I’d only need the rounded pill buttons with the default theme colors. What fields do I need to change in order to make them with rounded corners?

Thank you so much

Only the first, global button border radius.

No need, the component is already set to use the default theme color. Leave all the other fields blank.

5 curtidas

Exactly what I needed. Thank you so much

A couple questions:

  1. Applying any sort of rounded corner leads to a funky curved underline … is that because I’m using the Material Design theme? Is there a way to still get the rounded button rather than the funky underline? (I presume I’d have to change some CSS?)

  1. Is there a way to use this component to round off the subcategory boxes? (or is that also something I’d have to change through CSS?)

It seems as though something changed in core and buttons now require !important, I don’t have time to figure out how to submit a PR, but wanted to throw it out there.

3 curtidas

I like this component but I have a minor issue/bug. Borders of the categories button does not look curved like as in other buttons.

IMG_20190825_195351

Seen a similar problem:
IMG_20190827_020942

4 curtidas

First of all, I love this and it made my forum look 10 times better. But I have one problem tho and I can’t seem to find out how to fix it either

So I changed

primary button bg  to #ff6a00

primary button bg hover to #ffa954

And that works great but when I click the button then it gets blue for some reason how can I fix this?

1 curtida

Parece que faltam alguns casos, para border-radius. Enviei um PR para isso e decidi postar aqui também, por precaução.

Não tenho muita prática com CSS, então sinta-se à vontade para me informar se houver maneiras melhores de segmentar esses botões, e posso fazer alterações no meu PR.

Antes:


Depois:

8 curtidas

Fiz outro PR para um caso de borda com o botão de curtir (sinta-se à vontade para fazer edições no PR)

Nas postagens de outras pessoas, o botão de curtir é composto por dois botões. O raio da borda seria adicionado para ambos os botões, quando na verdade só o queremos nos lados externos dos dois botões.

Antes:

Depois:

4 curtidas

@awesomerobot só queria saber se você poderia dar uma olhada no PR acima e me dizer se há algo que eu precise mudar antes que ele possa ser mesclado^^ É para corrigir um caso de borda com os botões de like e bandeira.

Eu tenho o discourse-button-styles instalado em diferentes fóruns, e seria bom ter a correção incluída automaticamente.

2 curtidas

parece bom para mim, obrigado! Acabei de mesclar

2 curtidas

Sei que este TC é um pouco antigo e estou reabrindo um tópico de mais de 3 anos atrás, mas estou tendo um problema agora, possivelmente relacionado à peculiaridade do .double-button em relação a Curtidas de posts de outras pessoas. Estamos usando este TC com um raio de borda de 20px.

Este é um post que curti há algum tempo (a curtida não pode ser desfeita agora)

image

Este é um post que curti hoje (a curtida pode ser desfeita)

image

Já gastei muito tempo depurando vários outros pequenos problemas no CSS relacionados a (acho que) este TC, então estou admitindo a derrota por enquanto. Se alguém puder ajudar, eu preferiria que essas curtidas não tivessem um botão ao redor delas. Elas não têm em uma instância normal do Discourse.

Sim, este componente de tema é bem antigo e precisa ser atualizado… Tentarei fazer isso em breve.

Enquanto isso, você pode remover o fundo desse botão com este CSS

.has-like[disabled] {
  background: transparent !important;
}
2 curtidas

Obrigado @awesomerobot, muito útil.

Olá: Não consigo encontrar duas coisas:

  1. Como altero a cor apenas do botão Novo Tópico?
  2. Como altero o texto do botão Novo Tópico para branco?

Existe uma maneira de fazer isso? obrigado.