Sì, ho pensato la stessa cosa appena l’ho letto. Darò un’occhiata anche al tuo sito! In realtà ho iniziato con il tema Air, e l’avevo abbastanza personalizzato con CSS e altro, ma con il mio tema attuale rispetto al tema Air che avevo, non lo so… sembra troppo “basico”, il che è strano per me da dire perché mi piace il minimalismo in generale, haha.
Quando @Lilly, @bryce e @omarfilip hanno detto che era lento, era in un momento specifico della notte per me, e poi più o meno alla stessa ora in cui è ospitato il server. Sarebbe troppo disturbo chiederti, @Heliosurge, e @daemon & @merefield di controllarlo tra 12 ore da ora, quando gli altri hanno detto che era lento, se non sei occupato e sei sveglio, haha? Voglio sapere se è una cosa legata all’ora del giorno.
Davvero fantastico sentirlo! Soprattutto dall’altra parte del mondo rispetto a dove è ospitato il server.
L’ho appena provato e ora sembra caricarsi quasi istantaneamente. All’inizio ho pensato che si stesse caricando dalla cache della memoria, ma non sembra essere così.
Ah, ok. Sì, strano. Questo sembra indicare un problema legato all’ora del giorno. Il che, voglio dire, ha senso considerando l’ora tarda per il luogo in cui era ospitato il server e la maggior parte delle persone probabilmente online a quell’ora. Comunque… le aziende da milioni/miliardi di dollari probabilmente non hanno questo problema, giusto, non importa a che ora sia? Voglio dire, sono stato su siti web importanti che sono sembrati lenti prima, ma è più raro che altro.
Grazie per il tuo feedback!
In realtà ho sperimentato con la larghezza dei tag ma non sono riuscito a capire come centrarli una volta ridimensionati. Per quanto riguarda il colore, non sono riuscito a trovare un colore migliore che si adattasse sia alla modalità chiara che a quella scura. Se rendo la casella più chiara in modalità chiara, è troppo luminosa in modalità scura e causa lo stesso problema.
Ad esempio, se ispeziono l’elemento del tag e modifico la proprietà max-width in 40%, visivamente appare meglio, ma poi non riesco a capire come centrare il tutto perché ogni volta che ci provo, sposta solo il testo, non la casella dietro di esso.
Per centrare quei tag, puoi usare le proprietà flexbox. I tag si trovano all’interno di un contenitore padre a cui è già stato impostato display: flex.
Flexbox rende molto facile controllare come gli elementi figli sono disposti all’interno di un contenitore. C’è una comoda funzionalità negli strumenti per sviluppatori in cui puoi fare clic sulla piccola icona accanto a display: flex e si aprirà una serie di controlli in modo da poter vedere quale produce l’effetto desiderato.
Oh wow, grazie mille per questo! Sì, avere 2 tag visibili lo rende molto meno strano di uno solo centrato, ma non vedo molte persone usare tag multipli per la maggior parte dei post, ad essere sinceri. Hmmm… potrei dover trovare un modo per mostrare il tag lì e poi qualcos’altro dell’argomento/post in qualche modo con CSS o qualcosa di simile in modo che ci siano due cose. O nasconderlo del tutto forse, ma eh.
O ancora meglio, potrei sostituire la categoria con esso?
Ti incoraggerei a utilizzare le variabili CSS di Discourse relative al colore perché funzioneranno meglio con la modalità scura. (puoi ispezionare qualsiasi cosa e scorrere verso il basso)
Puoi anche usare la funzione dark-light-choose(<colore chiaro>, <colore scuro>) per definire colori chiari e scuri in modo che venga utilizzato il colore giusto quando la modalità scura è attiva o meno.
Questa è una funzione SCSS disponibile nel core di Discourse. Devi usarla nel CSS del tuo tema in modo che possa essere elaborata. Non funzionerà se la usi direttamente nel tuo browser.
Il tuo sito si carica ancora velocemente. Lo vedo solo molto brevemente.
L’aggiunta di componenti à la carte è ottima. Sei avanti a me perché sto ancora imparando il lato del codice. Prima di discourse, molto tempo fa, avevo giocato solo con il basic; qbasic e il vecchio turbo Pascal. Ma ci sto arrivando.
Il focus è sulle ultime 2 righe. Quindi, sembra che per la modalità chiara e scura, rimanga sul colore #f0f2f5 invece di passare al colore 3a3b3c in modalità scura. Hai qualche idea sul perché?
Su Inspect Element, la proprietà rimane: background: #f0f2f5 !important;
Ho anche provato l’URL che hai linkato sopra e ho provato a renderli $tagbglight e $tagbgdark e a definirli, ecc., ma ancora niente.
Che è più o meno lo stesso risultato che otterrei prima.
Nota: Ispeziona Elemento mostra doppie virgolette. Nel codice, ho usato quelle singole come hai fatto tu.
Sembra buona.
