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 „Gefällt mir“

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

3 „Gefällt mir“

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

4 „Gefällt mir“

Boom. Sorted! Thanks guys :partying_face:

2 „Gefällt mir“

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 „Gefällt mir“

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 „Gefällt mir“

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 „Gefällt mir“

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 „Gefällt mir“

Es scheinen einige Fälle für „border-radius“ zu fehlen. Ich habe einen PR dafür eingereicht und poste ihn hier zur Sicherheit.\n\nhttps://github.com/awesomerobot/discourse-button-styles/pull/5\n\nIch bin nicht sehr geübt in CSS, also können Sie mir gerne mitteilen, ob es bessere Möglichkeiten gibt, diese Schaltflächen anzusprechen, und ich kann Änderungen an meinem PR vornehmen.\n\n\nVorher:\n

\nNachher:\n

8 „Gefällt mir“

Ich habe einen weiteren PR für einen Edge Case mit dem Like-Button erstellt (kannst den PR gerne bearbeiten).

Bei den Beiträgen anderer Leute besteht der Like-Button aus zwei Buttons. Der border-radius würde für beide Buttons hinzugefügt werden, während wir ihn nur an den äußeren Seiten der beiden Buttons haben wollen.

Vorher:

Nachher:

4 „Gefällt mir“

@awesomerobot Ich frage mich, ob du dir den obigen PR ansehen und mir mitteilen könntest, ob ich etwas ändern muss, bevor er zusammengeführt werden kann^^ Es geht darum, einen Randfall mit border-radius für die Like- und Flag-Buttons zu beheben.

Ich habe discourse-button-styles auf verschiedenen Foren installiert, und es wäre schön, wenn die Korrektur automatisch enthalten wäre.

2 „Gefällt mir“

Sieht gut aus für mich, danke! Ich habe es gerade zusammengeführt

2 „Gefällt mir“

Ich weiß, dass dieser TC (Thema/Diskussion) schon etwas älter ist und ich belebe ein Thema von vor über 3 Jahren wieder, aber ich bekomme jetzt ein Problem, das möglicherweise mit der .double-button-Eigenart bei Likes von Beiträgen anderer Leute zusammenhängt. Wir verwenden diesen TC mit einem Radius von 20 Pixeln.

Dies ist ein Beitrag, den ich vor einiger Zeit geliked habe (das Liken kann jetzt nicht mehr rückgängig gemacht werden)

image

Dies ist ein Beitrag, den ich heute geliked habe (das Liken kann rückgängig gemacht werden)

image

Ich habe bereits viel Zeit damit verbracht, eine Reihe anderer kleiner Probleme im CSS zu debuggen, die (glaube ich) mit diesem TC zusammenhängen, daher gebe ich vorerst auf. Wenn jemand helfen kann, wäre es mir am liebsten, wenn diese Likes überhaupt keinen Button darum hätten. Sie haben auf einer normalen Discourse-Instanz keinen.

Ja, diese Themenkomponente ist ziemlich alt und muss aktualisiert werden… Ich werde versuchen, das bald zu erledigen.

In der Zwischenzeit können Sie den Hintergrund dieser Schaltfläche mit diesem CSS entfernen:

.has-like[disabled] {
  background: transparent !important;
}
2 „Gefällt mir“

Danke @awesomerobot, sehr hilfreich.

Hallo: Ich kann zwei Dinge nicht finden:

  1. Wie ändere ich die Farbe nur des Buttons „Neues Thema“?
  2. Wie ändere ich den Text des Buttons „Neues Thema“ zu Weiß?

Gibt es eine Möglichkeit, dies zu tun? Danke.