Wie kann man alle Eingabefelder in Discourse runden?

danielabc · 29. Januar 2024 um 01:45

Wie runde ich sie alle auf einmal über CSS?

chapoi · 29. Januar 2024 um 11:07

Es gibt eine Variable, die Sie verwenden können, die für die meisten (regulären) Eingaben gilt:

var(--d-input-border-radius);

Setzen Sie diese Variable also im Stammverzeichnis Ihres CSS auf einen Wert Ihrer Wahl:

:root {
--d-input-border-radius: 20px;
}

Es kann jedoch einige Fälle geben, in denen Sie manuell nachbessern müssen, aber dies sollte ein guter Anfang sein.

danielabc · 31. Januar 2024 um 06:48

Danke, wo kann ich meine Discourse-Forenvariablen sehen?

chapoi · 31. Januar 2024 um 07:10

Im Kerncode von Discourse finden Sie die benutzerdefinierten Eigenschaften, die Sie überschreiben können, in dieser Datei:

github.com/discourse/discourse

app/assets/stylesheets/common/foundation/base.scss

main

// These CSS custom properties are added here instead of in variables.scss
// because variables.scss is injected into every theme CSS file
// which causes problems when overriding custom properties in themes
:root {
  --topic-body-width: #{$topic-body-width};
  --topic-body-width-padding: var(--space-3);
  --topic-avatar-width: #{$topic-avatar-width};
  --d-border-radius: 4px;
  --d-border-radius-large: calc(var(--d-border-radius) * 2);
  --d-nav-pill-border-radius: var(--d-border-radius);
  --d-input-border-radius: var(--d-border-radius);
  --d-content-background: initial;

  // used for padding & margin
  --space: 0.25rem; // 4px
  --space-half: calc(var(--space) / 2); // 2px
  --space-1: var(--space); // 4px
  --space-2: calc(var(--space) * 2);
  --space-3: calc(var(--space) * 3);
  --space-4: calc(var(--space) * 4);

This file has been truncated. show original

Um eine dieser Eigenschaften zu überschreiben, können Sie sie wie folgt im Stammverzeichnis Ihres Themas hinzufügen:

danielabc · 31. Januar 2024 um 16:41

Vielen Dank

Thema		Antworten	Aufrufe
All border-radius from chat are being removed UX chat , completed	3	207	2. Februar 2024
Rounded login buttons Support	2	56	12. Oktober 2024
How to make forum buttons rounded across all themes Support	16	346	18. August 2024
Mixins default focus question Support	5	654	6. März 2021
Buttons rounded edges Support	3	1481	14. November 2018

Wie kann man alle Eingabefelder in Discourse runden?

Verwandte Themen