Per quello che vale, entrare in modalità provvisoria per eseguire le azioni di massa potrebbe essere un’alternativa alla disabilitazione del componente del tema per tutti. Ovviamente, è ancora un’ulteriore complicazione, ma con un impatto potenzialmente minore sugli altri?
Sì, è quello che ho capito dopo aver imparato della modalità provvisoria…
1 Mi Piace
Ciao,
Grazie per il tuo componente! Abbiamo notato un problema durante l’utilizzo del tuo componente sul forum https://community.escapecollective.com/. Se fai clic sul titolo dell’argomento, la SPA si ricarica (ho allegato una gif con questo problema), ma se fai clic sulla scheda al di fuori del titolo, tutto funziona correttamente. Il problema è stato scoperto perché il componente Guest Gate non funzionava correttamente a causa del ricaricamento della pagina.
Ecco un suggerimento: Guest Gate Theme Component - #154 by Don
Potresti per favore dare un’occhiata a questo problema?
Grazie,
Denis D.
2 Mi Piace
Quindi sembra che qualcosa sia cambiato con l’ultimo aggiornamento di Discourse.
Solo il bordo più a sinistra delle mie schede argomento rispetta ora questo CSS, ho cercato di trovare cosa lo risolverà ma finora non ho avuto successo.
Qualcun altro può confermare e vedere se riesce a rintracciare le modifiche necessarie?
Il problema è la variabile aggiunta di recente per il colore di sfondo degli argomenti che hai letto.
Non credo ci sia un dev-news riguardo a questa modifica. Ma puoi trovare alcune informazioni qui:
C’è un modo per sopprimere quel CSS? Questo ha distrutto l’aspetto del mio sito e, dato che non sono un programmatore in alcun senso della parola, non so come aggirarlo.
Ho guardato nell’inspector degli elementi e vedo la parola ‘visited’ su tutti gli argomenti non funzionanti e vedo che manca su quello che ha ancora un aspetto corretto.
Come posso risolvere questo problema?
Argomento che non ho ancora visitato (senza hover):
E con un mouseover:
E gli altri non funzionano.
È stato più difficile da rintracciare di quanto avrebbe dovuto essere. (Sono abbastanza sicuro che sia dovuto alle mie mancanze, ma comunque…)
Sembra che l’aggiunta di:
.topic-list-item-background-color--visited {
background: none
}
l’abbia risolto senza effetti collaterali indesiderati.
Nei tuoi stili, ora devi solo modificare queste due variabili:
--topic-list-item-background-color
--topic-list-item-background-color--visited
Quindi qualcosa del genere dovrebbe funzionare:
:root {
--topic-list-item-background-color: IL TUO COLORE QUI;
--topic-list-item-background-color--visited: IL TUO COLORE QUI;
}
Come terrebbe conto delle differenze nel passaggio tra luce e buio?
Puoi usare la funzione CSS light-dark()
--nome-variabile: light-dark(#efedea, #223a2c);
Puoi impostarli entrambi sulla stessa cosa.
Non è stato fatto nulla per :hover nel core. Dovrai solo assicurarti di impostare la variabile su ciò che desideri quando passi il mouse sopra.
1 Mi Piace
Questo ancora non funziona per me.
Questo è ciò che originariamente funzionava:
// Blend topic card colors with theme
@media (prefers-color-scheme: dark) {
.topic-card.has-max-height {
background: #223c44 !important;
}
.topic-card.has-max-height:hover {
background: #163d51 !important;
}
}
@media (prefers-color-scheme: light) {
.topic-card.has-max-height {
background: #e6ecf2 !important;
}
.topic-card.has-max-height:hover {
background: #ddecf7 !important;
}
}
Poi, dopo l’ultimo aggiornamento, ho aggiunto questo e sembrava funzionare, ma poi ha smesso di funzionare:
.topic-list-item-background-color--visited {
background: none
}
Poi, basandomi su quello che hai detto qui, ho provato sia ad aggiungere all’attuale che a sostituire tutto con questo:
:root {
--topic-list-item-background-color: light-dark(#e6ecf2, #223c44);
--topic-list-item-background-color--visited: light-dark(#e6ecf2, #223c44);
--topic-list-item-background-color--hover: light-dark(#ddecf7, #163d51);
}
Ci deve essere un’altra variabile che devo coprire hover-visited, perché i thread non letti funzionano correttamente, ma quelli visitati sono rovinati.
Questa variabile non esiste.
.topic-card.has-max-height:hover {
--topic-list-item-background-color: ADD COLOR HERE
--topic-list-item-background-color--visited: ADD COLOR HERE
}
Questo dovrebbe essere ciò di cui hai bisogno, spero che aiuti!
Questo è il minor numero di righe che ho potuto trovare che sembra funzionare correttamente.
// Blend topic card colors with theme
.topic-card.has-max-height {
--topic-list-item-background-color: light-dark(#e6ecf2, #223c44);
--topic-list-item-background-color--visited: light-dark(none, none);
}
.topic-card.has-max-height:hover {
--topic-list-item-background-color: light-dark(#ddecf7, #163d51);
--topic-list-item-background-color--visited: light-dark(none, none);
}
@media (prefers-color-scheme: dark) {
.topic-card.has-max-height {
background: #223c44 !important;
}
.topic-card.has-max-height:hover {
background: #163d51 !important;
}
}
@media (prefers-color-scheme: light) {
.topic-card.has-max-height {
background: #e6ecf2 !important;
}
.topic-card.has-max-height:hover {
background: #ddecf7 !important;
}
}
Ho creato una PR per questo componente del tema con due aggiunte:
Funzionalità: Interruttore per argomenti suggeriti
Aggiunge l’impostazione Mostra per argomenti suggeriti
Rende facoltativo l’uso delle schede argomento per gli argomenti suggeriti (come descritto in questa richiesta di funzionalità)
Funzionalità: Limita per categorie
Aggiunge l’impostazione Mostra nelle categorie
Se non vuoto, utilizza le schede argomento solo nelle categorie selezionate.
5 Mi Piace
Ottima aggiunta @RGJ, l’abbiamo testata sulla nostra istanza e funziona a meraviglia, secondo me dovrebbe essere assolutamente unita.
1 Mi Piace
Trovato un altro piccolo bug CSS con questo tc su discourse 3.5.0:
Viene aggiunta una bordatura attorno a diversi elementi dell’interfaccia utente come la cronologia delle modifiche e gli elementi di espansione della citazione.
Ciò è dovuto alle classi btn no-text mancanti negli elementi del pulsante
Revisionato e unito, grazie per l’aggiunta!
2 Mi Piace
Onestamente non sono riuscito a farlo funzionare, guarda com’è brutto, uso il tema Horinzon, aiutami.
Questo componente non è elencato come compatibile con il tema Horizon.
Non credo che sarà facile cambiare questo aspetto perché entrambi personalizzano l’elenco degli argomenti e, come indicato nel primo post:
2 Mi Piace
Come posso aggiungere il CSS, che vedo qui nei thread, molto CSS