Das Problem liegt bei:
conditional-loading-section:not(.is-loading) {
transition: opacity 5s ease-in-out;
}
Sie können das benutzerdefinierte CSS nicht verwenden, um dies auf none zu setzen, da es vom Standard-Theme conditional-loading-section.scss überschrieben wird.
Gibt es eine Möglichkeit, das Suchbanner neu zu positionieren?
Zum Beispiel, um die Ausrichtung von zentriert auf rechts zu ändern oder die Position einfach durch leichte Verschiebung nach rechts anzupassen?
Nicht unter Verwendung der Theme-Komponenten-Einstellungen, aber das können Sie leicht mit Ihrem eigenen benutzerdefinierten CSS erreichen.
Wir verwenden es, um das Hintergrundbild anstelle von Text zu positionieren
aber das Bild kann nicht mit dem Suchbanner neu ausgerichtet werden
Wir würden uns sehr über den CSS-Code freuen
Die Verwendung von Inspect Element kann helfen. Oder sogar ein Blick auf die CSS-Quelle dieser Komponente oder das Air Theme, da der erste Teil des CSS unter den ersten Zeilen auf das Suchbanner abzielt, das mit Mods angesprochen wird.
Nicht getestet, da ich das von Ihnen erwähnte Problem nicht reproduzieren kann.
.display-search-banner {
#main-outlet {
padding-top: 2em;
align: center !important;
}
Fügen Sie diesen Code in ein benutzerdefiniertes CSS-Theme-Komponente ein.
Ich kann den Wunsch nachvollziehen, dass Leute Anleitungen zum Codieren geben. Da ich selbst noch lerne. Wir müssen uns aber auch die Grundlagen aneignen.
Sie können möglicherweise das “align: center !important;” mit dem Inspect Element Ihres Browsers testen.
Das sieht großartig aus, aber wenn es im RTL-Layout verwendet wird, scheint der Innenabstand nicht korrekt übersetzt zu werden.
LTR:
RTL:
Danke für die Benachrichtigung! Ich habe gerade ein Update vorgenommen, das das Problem beheben sollte.
Bei den neuesten Tests 3.3.1, die erfolgreich waren, werden nur in der Kategorie Mobil die Symbole in den Autovervollständigungs-Suchergebnissen nicht angezeigt. Ich kann das Problem auch im abgesicherten Modus mit deaktivierten Plugins reproduzieren.
Sie können es hier auf unserer Homepage ausprobieren: forum.cannabisanbauen.net
Hier ist eine schnelle Lösung, während auf eine offizielle Lösung gewartet wird:
.search-menu {
.search-link {
.badge-category {
display: inline-flex;
}
}
}
Dies scheint sich auf dieses CSS zu beziehen:
Das Badge-Kategorie hat nicht die richtige Anzeige.
Es gibt jedoch bereits ein inline-flex auf .badge-category, daher denke ich, dass es sicher ist, das CSS in der Komponente zu entfernen. 
Ich habe dies hinzugefügt und meinen Text eingestellt, aber er wird nur für angemeldete Benutzer angezeigt, nicht für abgemeldete Benutzer? Ich habe die Einstellungen auf Beide gesetzt:
Angemeldet:
Abgemeldet:
Einstellungen:
Was passiert, wenn Sie auch die englisch-US-Übersetzung bearbeiten?
Ich glaube, wenn Sie angemeldet sind, wird die Sprache verwendet, die Sie in Ihren Einstellungen gewählt haben (oder die Standard-Locale der Website). Wenn Sie abgemeldet sind, wird der Text in der bevorzugten Sprache Ihres Browsers angezeigt. Alle Benutzer, die eine Sprache verwenden, die Sie nicht angepasst haben, sehen den Standardtext. Möglicherweise möchten Sie also noch mehr Sprachen anpassen.
Perfekt, danke, das hat funktioniert!
FYI an alle, wir werden in Kürze eine vereinfachte Version davon in den Core einfügen FEATURE: Add welcome banner to core by martin-brennan · Pull Request #31516 · discourse/discourse · GitHub .
Diese Komponente wird weiterhin unterstützt, aber sie wurde ab diesem PR in Advanced Search Banner umbenannt DEV: Update theme name to Advanced Search Banner by martin-brennan · Pull Request #84 · discourse/discourse-search-banner · GitHub . Wenn diese Komponente installiert ist, wird das Core-Willkommensbanner nicht angezeigt.
Hallo Leute. Ich habe diese Komponente zu meiner Website hinzugefügt. Es zeigt den Titeltext, aber die Suchleiste selbst wird nicht angezeigt. Weiß jemand, ob andere dieses Problem haben?
Verwenden Sie einen schmalen Bildschirm oder ein mobiles Gerät? Es scheint derzeit ein Problem mit der Suchleiste zu geben, die in diesen Fällen nicht erscheint.
Ich schaue mir meine Community-Seite auf meinem iPhone an (in einem Chrome-Browser).
Hmmm. Gibt es jemanden, den wir darauf aufmerksam machen können, oder ist die Person, die sie erstellt hat, bereits darüber informiert? (Ich bin neu bei Discourse und lerne noch).
Ja, ich bin die Person! Ich habe nur eine Lösung dafür hinzugefügt — wenn du die Theme-Komponente aktualisierst, sollte das Suchfeld jetzt erscheinen.
Diese Komponente wird im Mint-Theme nicht angezeigt. Ich habe es jedoch versucht und es kann in anderen Themes angezeigt werden.
Hallo zusammen! Diese Woche werde ich eine Änderung zusammenführen, die benutzerdefinierte Stile, die Sie dieser Theme-Komponente hinzugefügt haben, beeinträchtigen könnte.
Da dieses Suchbanner auf mehreren Seiten angezeigt werden kann, ist eine H1 für die Überschrift nicht ideal. Eine H1 sollte helfen, den Inhalt einer Seite von einem anderen zu unterscheiden. Die Änderung ersetzt daher die H1 durch ein DIV mit der Klasse custom-search-banner-headline.
Wenn Sie also Stile auf die H1 in einem Theme angewendet haben, sollten Sie die H1 in .custom-search-banner-headline ändern. In einigen Themes habe ich die Klasse zusätzlich zur H1 hinzugefügt, um den Übergang nahtlos zu gestalten, zum Beispiel:
Es scheint einen Fehler in der neuesten Version zu geben.
Discourse 3.5.0.beta8-dev (679d51a985) wird ausgeführt.
Was passiert ist, dass beim Öffnen eines neuen Themas (Chrome-Browser unter Windows 10) die oberste Zeile die Suchleiste enthalten soll, diese aber fehlt. Wenn ich die Theme-Komponente deaktiviere, erscheint die standardmäßige Discourse-Suchleiste, aber wenn die Komponente aktiviert ist, fehlt die obere Suchleiste UND auch das Suchsymbol oben rechts fehlt. Wenn ich eine Zeile nach unten scrolle, erscheint der Suchbutton oben rechts, aber die Suchleiste erscheint nie in der obersten Zeile eines Themas.
Konfiguriert für Showon top_menu und Plugin outlet on above_main_container. Ich bin ziemlich sicher, dass es früher auch für Themen in der obersten Zeile angezeigt wurde.
Das Problem ist, dass es keine Möglichkeit gibt zu suchen, bis der Benutzer scrollt, da sowohl das Suchsymbol als auch die Suchleiste fehlen. Wenn ich das Theme deaktiviere, erscheinen die standardmäßige Suchleiste und das Symbol einwandfrei, d. h. wenn die Seite geladen wird, erscheint die Suchleiste und wenn der Benutzer eine Zeile nach unten scrollt, verschwindet die Suchleiste und stattdessen erscheint das Suchsymbol.
