Luft-Thema

Ich poste das hier nur. Ich dachte, das Chat-Plugin hätte ein Konfliktproblem mit dem Discourse Search Banner. Aber nach dem Ausprobieren einer Vorschau nur mit dem Banner scheint es ein Problem mit dem Air Theme-Hintergrund zu sein.

Siehe im Link unten.

https://meta.discourse.org/t/issue-with-discourse-search-banner/254231?u=heliosurge

Ich frage mich nur, ob Sie die Chat-Plugin-Problematik bereits prüfen konnten? Wie oben beschrieben? Entschuldigen Sie, ich stelle mir vor, Sie sind ziemlich beschäftigt. Ich dachte, es wäre ein Konflikt mit dem Suchbanner, aber es scheint das Hintergrundbild des Air-Themes zu sein. Das Chat-Plugin scheint eine weiße zentrale Spalte zu erstellen, die sich über den blauen Hintergrund legt.

Hallo,

Ich habe ein Problem gefunden, als das Discourse Chat-Plugin aktiviert wurde, wurde das Banner von Discourse Search Banner leer.

Testlauf bestanden

Verwende das Air-Theme. Wenn das Chat-Plugin deaktiviert ist, werden keine Probleme angezeigt. Nach der Aktivierung des Chats wie oben.

EDIT: Habe mich geirrt. Erneut bestätigt, dass es sich tatsächlich um einen Konflikt/ein Problem mit dem Hintergrund des Air-Themes handelt, siehe Blau wird ausgeschnitten/abgeschnitten. Siehe Beiträge unten mit Chat aus. Der blaue Hintergrund wird ordnungsgemäß mit dem überlagerten Discourse-Suchbanner in Weiß auf Blau angezeigt.

Hallo Heliosurge, ich bin mir nicht ganz sicher, ob ich das Problem verstehe (ich sehe auf deinem Screenshot zwar einen leeren Bereich).

Kannst du uns die genauen Schritte mitteilen, die wir ausführen müssen, um das Problem zu erleben, damit wir es selbst reproduzieren können? :slight_smile:

1 „Gefällt mir“

Es war sehr einfach. Das Air Theme hatte das Discourse Search Banner als Teil des vollständigen Themes installiert.

Wie angegeben, läuft Test-Passed.

Sobald das Chat-Plugin aktiviert ist, wird das Willkommensbanner, wenn das Discourse Search Banner nicht mehr die Willkommensnachricht anzeigt.

Chat-Plugin ausschalten. Das Willkommensbanner wird angezeigt.

Chat-Plugin deaktiviert

Sie können in diesem Screenshot sehen, dass das Chat-Plugin-Symbol aus dem Header verschwunden ist. Sie können auch die anderen Effekte sehen, die das Chat-Plugin scheinbar mit dem Hintergrund macht und ein weißes leeres Rechteck erzeugt, das den blauen Hintergrund ignoriert.

Könnte es mit der blauen Tapete von Air Theme interferieren? Da der Text im Banner weiß ist. Ich könnte also mit dem Discourse Search Banner auf dem falschen Weg sein. Es könnte ein Konflikt mit einem Teil des Air Themes sein… ??

Bestätigt. Entschuldigen Sie, es scheint ein Konflikt mit dem Hintergrund des Air-Themes zu sein. Ich habe gerade eine Vorschau nur mit dem Discourse Search Banner und dem Chat-Plugin ausprobiert.

Siehe unten

Entschuldigung für die falsche Diagnose.. :facepalm:

Wenn ich mir das Air-Theme genauer ansehe, wird der blaue Teil des Hintergrunds in dieser mittleren Spalte blockiert, wenn gescrollt wird. Das Blau befindet sich nur an den äußeren Rändern. Wenn Chat deaktiviert ist, verbindet sich der blaue Teil des Hintergrunds von links nach rechts durch die Mitte.

vs

Ich pushe das nur mal hoch. Es scheint tatsächlich der Air Theme-Hintergrund zu sein, der eine zentrale weiße Spalte hat. Siehe Bilder oben.

Ich frage mich nur, ob das Team das reproduzieren konnte, da es auf den Air Theme-Hintergrund und nicht auf ein Problem mit dem Suchbanner eingegrenzt wurde.

Hallo Dan,

Es scheint, dass der Outlet Ihres Search Banner Plugins auf dem Standardwert above-main-container steht? Ich denke, Sie müssen dies ändern, um den Search Banner aus dem #main-container zu platzieren :arrow_down_small:


Allerdings hat das Theme einen Chat-Benutzerdefinierten Stil, wenn es auf dem #main-outlet aktiviert ist, was meiner Meinung nach nur auf Chat-Seiten aktiv sein muss.
Dies fügt den Hintergrund mit !important zum #main-outlet hinzu, was die Transparenz des Theme-Hintergrunds auf #main-outlet usw. überschreibt…

Ich denke, dies wäre besser, wenn es auf .has-full-page-chat beschränkt würde, sodass es nur auf Chat-Seiten erscheint?


Mit der Einstellung above-main-container :arrow_down_small:

Mit der Einstellung below-site-header :arrow_down_small:

3 „Gefällt mir“

Okay, das behebt die primäre Anzeige. Wie lautet der Code, um den Chat zu beheben? Da er immer noch die weiße Spalte unter dem Suchbanner-Header bei den Kategorien hat, wie auf Ihrem letzten Screenshot zu sehen ist.

Vielen Dank für Ihre Hilfe.

1 „Gefällt mir“

Ich füge einigen, aber nicht allen meinen Kategorien „Kategorielogos“-Bilder hinzu.

Erwartetes Verhalten: Wenn ich einer Kategorie ein Logo-Bild hinzufüge, bleibt die Größe des Labels gleich wie die anderer Kategorien.

Beobachtetes Verhalten: Wenn ich einer Kategorie ein Logo-Bild hinzufüge, ist das Quadrat im Vergleich größer als die Quadrate in den Labels von Kategorien ohne Logo-Bilder. Abgesehen davon, dass sie nicht mit Kategorien in derselben Spalte übereinstimmen, sind Zeilen mit Kategorien mit Logo-Bildern höher als Zeilen mit Kategorien ohne Logo-Bilder.

Dies geschieht auf Mobilgeräten und Desktops.

Wie kann ich das beheben?

Ich kann bestätigen, dass es auf meiner Website so angezeigt wird. Ich glaube, es liegt daran, dass das Nicht-Katzen-Logo eine sehr kleine Beschreibung verwendet, im Gegensatz zu einem Katzen-Logo. Ich stelle mir vor, dass Sie wahrscheinlich CSS verwenden können, um Nicht-Logo-Kategorien an die Boxgröße von Logo-Kategorien anzupassen.

Danke für die Bestätigung. CSS lässt mir das Blut in den Adern gefrieren. Es ist mein Kryptonit. Ich war noch nie so unproduktiv wie bei der Arbeit daran, mit CSS die richtigen Abstände hinzubekommen.

1 „Gefällt mir“

Ich höre, Sie lernen noch. Aber stellen Sie sich vor, der Autor oder ein Teammitglied könnte bei einer CSS-Codekorrektur helfen.

Gerade erst den Hell-/Dunkel-Umschalter entdeckt. Funktioniert gut. Wenn Sie die Seite aktualisieren, scheint Discourse das helle Logo anzuzeigen. Ich vermute, das liegt daran, dass Discourse nicht erkennt, dass der Webbrowser nicht im Dunkelmodus ist.


Seltsam, es scheint sich selbst behoben zu haben. lol

Ich bin gerade darauf umgestiegen und muss sagen, dass es ein sehr sauberes, schönes Thema ist. Es gefällt mir sehr gut. Tolle Arbeit, wer auch immer es entworfen hat. Danke.

2 „Gefällt mir“

Wäre es möglich, mir eine Direktnachricht zu senden? Ich fühle mich nicht wohl dabei, den Link öffentlich zu teilen. Vielen Dank für Ihre Hilfsbereitschaft! <3

Ich habe Air Theme und alle seine Plugins deinstalliert und neu installiert. Ich habe alles versucht, was mir einfällt, um es zu beheben, aber ich kann es nicht.

Standardthema – Die Kategorieauswahl verschwindet nicht, nachdem eine andere Option ausgewählt wurde (auf Mobilgeräten)

Air Theme – Die Kategorieauswahl verschwindet, nachdem eine andere Option ausgewählt wurde. (auf Mobilgeräten)

Ich habe das Problem mit dem fehlenden Dropdown-Menü „Kategorie“ für Mobilgeräte mit dem Air-Theme gefunden.

Bezugnehmend auf Beiträge…

Der Code in Ihrem Repository Common.scss besagt…

.mobile-view {
  .cm-header-links {
    display: none;
  }
  .list-controls .nav-pills .drop li:first-of-type {
    display: none;
  }
}

Ich habe den Code aktualisiert auf

.mobile-view {
  .cm-header-links {
    display: none;
  }
  .list-controls .nav-pills .drop li:first-of-type {
    display: block;
  }
}

Und jetzt verschwindet das Dropdown-Menü „Kategorien“ nicht mehr, nachdem eine andere Dropdown-Option ausgewählt wurde. :slight_smile:

2 „Gefällt mir“

Hallo zusammen..

Ich versuche, mein selbst gehostetes Discourse anzupassen, und ich fand dieses Theme als guten Ausgangspunkt!

Wie ändert ihr Jungs die CSS (z. B. das Ändern des Hintergrunds)?
Da es im Theme-Bereich keine Sektion “Benutzerdefiniertes CSS/HTML” gibt, wenn ich dieses Theme auswähle, wie es beim Standard-Theme der Fall ist.

2 „Gefällt mir“

Hallo,

  1. Beginnen Sie mit der Erstellung einer neuen Theme-Komponente für Ihr Forum.
  2. Fügen Sie Ihre neue Komponente zum gewünschten Theme hinzu (dasjenige, das verwendet wird, oder ein „Dev“-Theme, damit Sie es zuerst überprüfen können).
  3. Suchen Sie die Schaltfläche CSS/HTML bearbeiten in den Komponenteneinstellungen.
  4. Erschaffen Sie und erweitern Sie den Horizont! :fire:

4 „Gefällt mir“

Cool.. Ich hätte nicht gedacht, dass eine Komponente nur ein CSS-Tweak sein könnte.

Danke.

3 „Gefällt mir“

Hallo,
Ich habe eine Benachrichtigung in der Konsole:

deprecations.js:61 Deprecation notice: PluginOutlet arguments should now be passed using `@outletArgs=` instead of `@args=` (outlet: category-box-below-each-category) [deprecation id: discourse.plugin-outlet-args]
in 

Habe ich etwas in meinen Theme-Einstellungen vergessen?
Ich habe nachgesehen, ich sehe nichts …

3 „Gefällt mir“