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 « J'aime »

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

3 « J'aime »

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

4 « J'aime »

Boom. Sorted! Thanks guys :partying_face:

2 « J'aime »

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 « J'aime »

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 « J'aime »

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 « J'aime »

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 « J'aime »

Il semble que certains cas manquent pour border-radius. J’ai soumis une PR pour cela et j’ai décidé de poster ici aussi, au cas où.

Je ne suis pas très expérimenté en CSS, alors n’hésitez pas à me faire savoir s’il existe de meilleures façons de cibler ces boutons, et je pourrai apporter des modifications à ma PR.

Avant :


Après :

8 « J'aime »

J’ai fait une autre PR pour un cas limite avec le bouton J’aime (n’hésitez pas à apporter des modifications à la PR)

Sur les publications des autres, le bouton J’aime est composé de deux boutons. Le rayon de bordure serait ajouté pour les deux boutons, alors que nous le voulons uniquement sur les côtés extérieurs des deux boutons.

Avant :

Après :

4 « J'aime »

@awesomerobot juste pour savoir si vous pouviez jeter un œil à la PR ci-dessus, et me faire savoir s’il y a quelque chose que je dois changer avant qu’elle puisse être fusionnée^^ C’est pour corriger un cas limite de border-radius avec les boutons like et flag.

J’ai discourse-button-styles installé sur différents forums, et ce serait bien d’avoir la correction incluse automatiquement.

2 « J'aime »

Ça me semble bien, merci ! Je viens de le fusionner

2 « J'aime »

Je sais que ce fil de discussion est un peu ancien et que je déterre un sujet vieux de plus de 3 ans, mais je rencontre actuellement un problème qui pourrait être lié à l’étrangeté de .double-button concernant les J’aime sur les publications des autres. Nous utilisons ce fil de discussion avec un rayon de bordure de 20px.

Voici une publication que j’ai aimée il y a quelque temps (le J’aime ne peut plus être annulé)

image

Voici une publication que j’ai aimée aujourd’hui (le J’aime peut être annulé)

image

J’ai déjà passé un temps fou à déboguer un certain nombre d’autres petits problèmes dans le CSS liés à (je pense) ce fil de discussion, alors j’admets ma défaite pour le moment. Si quelqu’un peut m’aider, je préférerais que ces J’aime n’aient pas de bouton autour d’eux du tout. Ils n’en ont pas sur une instance Discourse normale.

Oui, ce composant de thème est assez ancien et a besoin d’être mis à jour… Je vais essayer de m’en occuper bientôt.

En attendant, vous pouvez supprimer l’arrière-plan de ce bouton avec ce CSS

.has-like[disabled] {
  background: transparent !important;
}
2 « J'aime »

Merci @awesomerobot super utile.

Salut : Je n’arrive pas à trouver deux choses :

  1. Comment changer la couleur du bouton « Nouveau sujet » uniquement ?
  2. Comment changer le texte du bouton « Nouveau sujet » en blanc ?

Y a-t-il un moyen de le faire ? Merci.