Luft-Thema

Ich sehe das gleiche Problem mit dem Standard-Farbschema (ich habe das Schema vorher nicht gewechselt).

Seltsamerweise verwenden der Hintergrund und das Symbol die gleiche --primary-low-mid-Farbe, und ich kann keine neueren Änderungen daran erkennen. :thinking:

2 „Gefällt mir“

Danke für den Bericht, ich habe das Problem gefunden und es wurde behoben.

1 „Gefällt mir“

Hallo Leute. Ich benutze das Air Theme und möchte den Nutzern die neuesten Beiträge auf der Homepage des Forums anzeigen, aber das Air Theme zeigt nur die Kategorien an und es werden auch keine Beiträge zur neuesten Aktivität angezeigt (wie im Standard-Theme).

Wie kann ich sowohl die Kategorien als auch die neuesten Beiträge (direkt unter den Kategorien) auf der Homepage von Mobilgeräten anzeigen lassen?

Hallo zusammen, ist es möglich zu zeigen, wie viele Leute die Themen angesehen haben?

Es ist vielleicht nicht die sauberste Methode, aber fügen Sie diese Zeilen in die Desktop-CSS ein

.topic-list-data.num.views {
  display: unset;
}
td.topic-list-data.num.views {
  display: flex;
  order: 4;
  justify-content: center;
  align-items: center;
}
1 „Gefällt mir“

Hallo zusammen, ich habe gerade auf das Air Theme aktualisiert. Ich liebe es übrigens.

Aber ich hatte früher ein Hintergrundbild auf dem Anmeldebildschirm mit discourse-trendy-login, aber jetzt, wo ich das Air Theme verwende, kann ich das Hintergrundbild nicht anzeigen lassen. Wie ändere ich das? Vielen Dank im Voraus.

Können Sie einen Link zu Ihrer Website teilen?

Ich denke, das sollte für Sie funktionieren:

.background-container {
    display: none;
}

Bitte melden Sie sich hier, wenn dies nicht der Fall ist.

1 „Gefällt mir“

Hallo Jordan,

Ich erlebe einen interessanten Effekt beim Einstellen eines Banners mit Bild. Es dehnt das Bild und lässt es horizontal scrollen.

Während eine Onebox die Breite zu respektieren scheint.

Das unten gezeigte obere Leisten des Banners ist nach rechts gescrollt und zentriert die Reinigungs-SED und Bearbeitung.

Ich habe verschiedene Bildgrößen ausprobiert. Im Thema wird der Benutzer für den Bannerbeitrag korrekt angezeigt. Dies wirkt sich auch auf YouTube-Boxen aus, die zumindest mit dem RSS-Plugin gezogen werden. Habe es nicht mit regulären YouTube-Oneboxen getestet.

Wie kann ich das beheben? Und gibt es eine Möglichkeit mit CSS, die Höhe des sichtbaren Banners zu erhöhen?

Mehrere Personen haben gefragt, wie die Unterkategorien auf der Kategorienseite angezeigt werden können. Es geht hier um die Komponente Modern Category + Group Boxes, aber da sie (noch?) kein eigenes Thema hat, teile ich meine Erkenntnisse hier:

Das funktioniert:

/* Zeigt Unterkategorien an */
.custom-category-boxes:not(.above-discovery-categories-outlet) .subcategories {
  display: inline-flex;
  flex-flow: wrap;
}

.custom-category-boxes:not(.above-discovery-categories-outlet) .subcategory {
  display: inline-flex;
  align-items: baseline;
  margin-right: .3em;
}

/* Entfernt die Kategoriebilder aus der Liste */
.custom-category-boxes:not(.above-discovery-categories-outlet) .subcategories .subcategory .subcategory-image-placeholder {
  display: none;
}

Außerdem, wenn Sie viele Unterkategorien haben, möchten Sie vielleicht eine Kategorie pro Zeile anzeigen.

/* Eine Kategorie pro Zeile */
.custom-category-boxes:not(.above-discovery-categories-outlet) {
  grid-template-columns: 1fr;
}

Das Ergebnis sieht so aus:

Ich denke, die Boxen haben eine Höhenbeschränkung, aber ich habe noch keinen Weg gefunden, diese zu entfernen. Wir haben noch nicht genügend Unterkategorien, um das Problem auf dem Desktop zu sehen, aber auf dem Handy stoßen wir an die Grenze:

Irgendwelche Ideen, um dieses Problem zu lösen?

2 „Gefällt mir“

Ich habe ein responsives Problem mit diesem Theme in Chrome und Edge, mit Firefox ist es OK.
Wie kann ich das beheben?
Danke

Gibt es eine Möglichkeit, Avatare in der Themenliste auf dem Desktop im Kreisformat zu halten? Ich habe auf dem Handy nachgesehen, dort sind sie im Kreis, aber warum quadratisch auf dem Desktop.

1 „Gefällt mir“

Hallo, bei meinem Air Theme sind die Desktop-Avatare kreisförmig wie auf Mobilgeräten.

Haben Sie vielleicht eine Komponente, die den Avatar in ein Quadrat ändert?

Bearbeiten Sie gemäß dem ursprünglichen Beitrag, es scheint, als sollten sie quadratisch sein…

Nein, das tue ich nicht. Ich benutze das Standard-Theme von Discourse und das Air-Theme. Discourse-Standard verwendet das Kreisformat. Wenn Sie sich die anderen Board-Bilder oben ansehen, sind sie alle quadratisch.

Und die Avatare sehen nicht glatt aus.

1 „Gefällt mir“

Könnte dies als Theme component verwenden, um es zu korrigieren.

2 „Gefällt mir“

Genau das, was ich brauche. Vielen Dank!

1 „Gefällt mir“

Kann mir jemand sagen, wie ich den Hintergrund dieses Themas ändern kann?

Können Sie genauer sein? Es gibt ein paar Stellen, an denen Sie den Hintergrund mit einem Bild ändern können.

Hallo @jordan.vidrine, mir ist aufgefallen, dass an einigen Stellen kein Container um den Inhalt ist.

Ich würde es bevorzugen, diese Elemente einzublenden. Da es schwer zu lesen ist, wenn sich Text zum Beispiel von einem weißen Hintergrund zu einem blauen verschiebt.

Dies sind Abzeichen. Aber es geschieht auch in „Verdient …“.

Ich bevorzuge die Einblendung gegenüber der geraden weißen Spalte, da ich denke, dass sie einen schöneren Effekt hat. Dies wäre auch gut für andere schwebende Elemente und sogar für die modernen Kategorien-Gruppenüberschriften.

1 „Gefällt mir“

Mod für Air Theme-Unterstützung, der online ist Plugin

Erstelle Theme component

Bearbeite das allgemeine CSS und füge diesen Code hinzu

// Whis Online Customization
.discovery-list-container-top-outlet.online_users_widget {
      display: flex;
      padding-top: .38em;
      background-color: var(--secondary);
      border: 1px solid rgba(var(--primary-rgb), 0.2);
      border-radius: 0.65em;
      transition: box-shadow 100ms ease-in-out;
      box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.05);
}

Komponente im Air-Theme aktivieren

Ergebnis: Zuvor wurde dies ohne Hintergrundfarbe oder Rahmen angezeigt, was das Lesen erschwerte

Es gibt ein paar Bereiche, die ich beheben möchte und die dieses Problem haben.

Beispiel gezeigt in meinem vorherigen Beitrag.


EDIT Zusätzliche Korrektur für das globale Banner Problem

Zusätzliche Informationen zu den Spezifikationen des globalen Banners:


//global banner image fix
#banner img {
    width: 100%;
    height: auto;
}

Besonderer Dank an @awesomerobot für die Bereitstellung dieses Code-Snippets

1 „Gefällt mir“

Hallo zusammen, ich habe gerade versucht, etwas benutzerdefiniertes CSS zu diesem Thema hinzuzufügen, aber die Option ist nicht zusammen mit den anderen Optionen zur Themanpassung vorhanden. Was übersehe ich?