Modernizzare il tema Foundation

Come appare su Foundation e Meta Branded:

image image

I contenitori del numero e della freccia devono avere le stesse dimensioni.

2 Mi Piace

Non vedo questo su mobile. Immagino che sia desktop?

Grazie, ho scavato più a fondo: è a causa del nuovo tema Foundation, che viene utilizzato anche su Meta Branded e si verifica sia su desktop che su mobile.

Non sono sicuro se debba essere spostato su Modernizing the Foundation theme o meno.

1 Mi Piace

Ho preso la decisione esecutiva di farlo :wink:

3 Mi Piace

Questo è stato corretto e verrà aggiornato a breve

3 Mi Piace

Nella modalità scura, lo stato active su alcuni pulsanti (visibile principalmente con la navigazione da tastiera, solo transitorio quando si usa il mouse o il tocco) è troppo intenso per gli occhi:
image

Anche lo stato hover rosso:
image

Ma il peggio è il pulsante “danger” con sfondo rosso scuro e testo scuro:
image

Forse basta regolare il valore di rosso/luminosità per risolvere i punti 2 e 3.

2 Mi Piace

È disponibile solo per questo tema meta?

Sì. Su Foundation:

active
image

hover
image

danger
image

Contrasti migliori rispetto a Meta Branded.

2 Mi Piace

Questo problema persiste:

Ci sono piani per regolare i bordi dei pulsanti quando si utilizza la palette colori WCAG? Attualmente trovo difficile vedere il bordo sottile e molto chiaro, quindi in alcuni punti sembra che ci siano solo icone fluttuanti invece di pulsanti. Questo non era un problema con i precedenti pulsanti grigio solidi.

Ho avuto una sensazione simile quando è stata rimossa l’ombra sotto l’intestazione e quando è stata rimossa la linea colorata in alto nel compositore. Ma mentre quelle sono aree chiare del mio schermo, i pulsanti si trovano in posizioni diverse, il che rende più difficile per me distinguerli dallo sfondo.

I campi di testo nelle impostazioni, ad esempio, hanno un contorno più scuro:

Ho anche notato che questo sembra rompere lo stile della sicurezza della categoria:

Anche la selezione del gruppo per il prossimo cambiamento sembra insolitamente grande nel nuovo design:


3 Mi Piace

Credo che la dimensione del testo della barra di navigazione sia troppo piccola su mobile. Anche il font di “Suggested/Related” è troppo piccolo.

Vedi anche

2 Mi Piace

Credo che sia chiaramente una questione di gusto, perché io penso esattamente il contrario rispetto alla vecchia versione rispetto alla nuova. I vecchi font e i pulsanti di Foundation sembrano troppo massicci, mentre i nuovi elementi più snelli di Foundation appaiono molto più gradevoli nel layout complessivo in confronto. Non ho alcuna lamentela riguardo all’uso funzionale su desktop o mobile, e nemmeno i miei utenti, da quando l’ho abilitato. :woman_shrugging:t2:

Penso che potresti dare un feedback anche ai tuoi amministratori e forse potrebbero creare un altro tema con le modifiche precedenti? Ingrandire quei font che hai indicato non è difficile con il CSS. Oppure potresti usare un’estensione del browser di tipo Stylus per aggiungere le tue modifiche personalizzate (lo faccio su tutti i siti Discourse che visito, incluso questo).

4 Mi Piace

C’è un piccolo spazio sotto il pulsante ‘Correlati’


Diventa più evidente se si aumenta la dimensione del carattere

Stylus

.more-topics__container .nav .d-button-label {
   font-size: 150%;
}


2 Mi Piace

Sì, ecco perché ho detto “qualcosa del genere”, perché potrebbero esserci altre cose in gioco con il loro tema. Stavo usando Meta, non il forum Rust. Darò un’occhiata per te perché sono gentile. Ma devo aspettare che ci siano nuovi elementi non letti per ottenere l’intera intestazione e piè di pagina. Immagino, dalla schermata con l’avatar, che si tratti di una visualizzazione mobile?

3 Mi Piace

L’anomalia è visibile qui

2 Mi Piace

OK, questo è un bug UX con il nuovo tema Foundation e il pulsante per l’argomento relativo all’AI inserito. Le classi del pulsante sono leggermente diverse e c’è anche un line-height extra che sembra compromettere il tutto.

image

ma questo risolverà il problema in parte: si può applicare una patch con un aggiustamento del padding e rimuovendo il line-height:

.more-topics__container .nav {
    font-size: larger;
    
    li .btn {
        padding: .5em;
        line-height: 0;
    }
}

desktop:

mobile:

2 Mi Piace

Per il menu dello stato fissato, le opzioni si sovrappongono gravemente:

3 Mi Piace

Visualizzazione errata della pagina di gestione dei gruppi di schede nel browser mobile - Contributi / Esperienza utente - Discourse Meta

È ancora possibile escludersi da questa modifica qui su Meta? Non ho aderito al gruppo, ma la modifica sembra essere già attiva per me, il che fa sì che io veda a malapena i bordi dei pulsanti, anche se sto utilizzando la palette WCAG.

2 Mi Piace

No, su Meta non è più un’opzione da disattivare; il gruppo è ora obsoleto.

Tuttavia, puoi continuare a segnalare i problemi che noti, come sono certo farai, per scoprire cosa deve ancora essere perfezionato.

1 Mi Piace

Ti sbagli. Aspetterò che vengano risolti i problemi che ho segnalato finora, così potrai concentrarti interamente su quelli :wink: Seriamente, non mi sembra abbia molto senso perdere tempo a scrivere ciò che noto quando ciò che ho scritto a febbraio non è ancora stato affrontato. Inoltre, sono sicuro che capirai che non è molto divertente usare un sito dove non si riesce a vedere correttamente l’interfaccia. È un peccato che l’accessibilità sia una priorità così bassa per voi.

4 Mi Piace