Ja, das habe ich auch sofort gedacht, als ich das gelesen habe. Ich werde mir auch deine Seite ansehen! Ich habe eigentlich mit dem Air-Theme angefangen und es mit CSS und allem Möglichen ziemlich gut angepasst, aber mit meinem aktuellen Theme im Vergleich zum Air-Theme, ich weiß nicht… es scheint zu “basic” zu sein, was für mich seltsam ist, weil ich generell Minimalismus mag, haha.
Als @Lilly, @bryce und @omarfilip sagten, es sei langsam, war das zu einer bestimmten Nachtzeit für mich und dann ungefähr zur gleichen Zeit, an der der Server gehostet wird. Wäre es zu viel Mühe, dich, @Heliosurge, und @daemon & @merefield zu bitten, es in 12 Stunden von jetzt an zu überprüfen, wenn die anderen sagten, es sei langsam, wenn du nicht beschäftigt bist und wach bist, haha? Ich möchte unbedingt wissen, ob es eine Tageszeit-Sache ist.
Wirklich toll zu hören! Besonders über die ganze Welt verteilt von dort, wo der Server gehostet wird.
Großartig!! Habt ihr noch anderes Feedback/Empfehlungen?
Ich habe es gerade ausprobiert und es scheint jetzt fast sofort zu laden. Zuerst dachte ich, es würde nur aus dem Speicher-Cache geladen, aber das scheint nicht der Fall zu sein.
Ah, okay. Ja, seltsam. Das deutet irgendwie auf ein Tageszeitproblem hin. Was, ich meine, Sinn macht, wenn man bedenkt, wie spät es für den Server war und dass die meisten Leute wahrscheinlich zu dieser Stunde online waren. Aber trotzdem… Unternehmen mit Millionen-/Milliarden-Dollar-Umsatz haben dieses Problem wahrscheinlich nicht, oder, egal zu welcher Tageszeit? Ich meine, ich war schon auf großen Websites, die langsam schienen, aber das ist eher selten als alles andere.
Danke für dieses Feedback!
Ja, ich habe tatsächlich mit der Breite der Tags experimentiert, konnte aber nicht herausfinden, wie ich sie nach der Größenänderung zentrieren kann. Farblich konnte ich wirklich keine bessere Farbe finden, die sowohl zu Hell- als auch zu Dunkelmodi passte. Wenn ich die Box im Hellmodus heller mache, ist sie im Dunkelmodus zu hell und verursacht dasselbe Problem.
Wenn ich zum Beispiel das Element inspiziere und die max-width-Eigenschaft auf 40 % ändere, wird es visuell besser dargestellt, aber dann kann ich nicht herausfinden, wie ich das Ganze zentrieren kann, denn jedes Mal, wenn ich es versuche, bewegt sich nur der Text und nicht die Box dahinter.
Um diese Tags zu zentrieren, können Sie Flexbox-Eigenschaften verwenden. Die Tags befinden sich in einem übergeordneten Container, der bereits auf display: flex gesetzt ist.
Flexbox macht es sehr einfach zu steuern, wie untergeordnete Elemente innerhalb eines Containers angeordnet werden. Es gibt eine praktische Funktion in den Entwicklertools, bei der Sie auf das kleine Symbol neben display: flex klicken können, und es öffnet sich eine Reihe von Steuerelementen, sodass Sie sehen können, welches die gewünschte Wirkung erzielt.
Dies ist ein gutes klassisches Tutorial zu Flexbox, wenn Sie sich detaillierter damit befassen möchten. Es ist ein sehr nützliches Werkzeug für Ihre CSS-Toolbox
Oh wow, vielen Dank dafür! Ja, zwei Tags nebeneinander sehen viel weniger seltsam aus als ein einzelner zentrierter Tag, aber ich sehe ehrlich gesagt nicht viele Leute, die mehrere Tags für die meisten Beiträge verwenden. Hmmm… ich muss vielleicht einen Weg finden, den Tag dort anzuzeigen und dann mit CSS oder etwas anderem einen anderen Teil des Themas/Beitrags, damit zwei Dinge vorhanden sind. Oder vielleicht alles verstecken, aber naja.
Oder noch besser, könnte ich die Kategorie damit ersetzen?
Ich würde Sie ermutigen, die Discourse CSS-Variablen für die Farbe zu verwenden, da diese besser mit dem Dunkelmodus funktionieren. (Sie können alles inspizieren und nach unten scrollen)
Sie können auch die Funktion dark-light-choose(<lightcolor>, <darkcolor>) verwenden, um helle und dunkle Farben zu definieren, sodass die richtige Farbe verwendet wird, wenn der Dunkelmodus aktiviert ist oder nicht.
Dies ist eine SCSS-Funktion, die im Discourse-Kern verfügbar ist. Sie müssen sie in Ihrem Theme-CSS verwenden, damit sie verarbeitet werden kann. Sie funktioniert nicht, wenn Sie sie direkt in Ihrem Browser verwenden.
Ihre Website wird immer noch schnell geladen. Ich sehe sie nur sehr kurz.
Das à la carte Hinzufügen von Komponenten ist großartig. Sie sind mir voraus, da ich immer noch die Code-Seite lerne. Vor Discourse habe ich vor langer Zeit nur mit Basic gespielt; QBasic und altes Turbo Pascal. Aber ich komme dahin.
Der Fokus liegt auf den letzten 2 Zeilen. Es sieht so aus, als ob für den hellen und dunklen Modus die Farbe #f0f2f5 beibehalten wird, anstatt im dunklen Modus zu #3a3b3c zu wechseln. Irgendeine Idee, warum?
Bei Inspect Element bleibt die Eigenschaft einfach: background: #f0f2f5 !important;
Ich habe sogar die URL ausprobiert, die Sie oben verlinkt haben, und versucht, sie in $tagbglight und $tagbgdark umzubenennen und zu definieren, aber immer noch kein Erfolg.
\n\nWas ungefähr dasselbe Ergebnis ist, das ich früher erzielt habe.\nHinweis: Die Elementinspektion zeigt doppelte Anführungszeichen. Im Code habe ich einfache verwendet, wie Sie es getan haben.
Das ist seltsam. Es sieht so aus, als würde die Funktion selbst die Helligkeit der Primär- und Sekundärfarben vergleichen. Ich bin mir nicht sicher, warum sie nicht funktioniert.
Sieht gut aus.
