Ho appena aggiornato Discourse all’ultima versione e ci sono alcuni problemi con l’arrotondamento dei nuovi bordi CSS, specialmente sui siti con intestazioni scure.
Ecco uno screenshot di un’intestazione scura dove i pezzi non si incastrano più perfettamente:
Ecco come appare su questo forum con un bordo CSS rosso aggiunto per renderlo più chiaro:
Ecco come appare su un forum che non è stato ancora aggiornato — penso che questo abbia un aspetto molto migliore con meno arrotondamento e con il vecchio padding (e nessun arrotondamento dove un angolo tocca una linea retta).
Al nostro pannello di notifica è stata rimossa l’imbottitura. Questa è una direzione che il nostro team di progettazione ritiene migliore rispetto all’avere imbottitura attorno a tutti gli elementi.
Questo è solo un feedback, perché dovrebbe essere abbastanza facile per me cambiarlo sui miei forum:
La mancanza di spaziatura è accettabile. Potrebbe essere solo una mia impressione, ma ogni volta che clicco sul menu, il mio cervello dice: “qualcosa non va”. Penso che sia più il raggio del bordo che la spaziatura, perché sembra che la casella che circonda l’icona dell’utente abbia un raggio di 4px, ma il menu ha un raggio di 2 * 4px. Anche i pulsanti nella barra laterale sono di 4px. Penso che starebbe meglio se i bordi del menu fossero di 4px in modo che siano allineati con il resto della pagina.
(I tuoi screenshot sembrano indicare che tutto potrebbe essere 8px, ma penso che sembri troppo arrotondato. Se non mi sbaglio, quando mi disconnetto vedo un raggio di 8px ma quando sono connesso vedo 4px. Ho provato su alcuni browser.)
Modifica: potremmo vedere cose diverse. Non è un grosso problema, perché posso sovrascrivere la variabile, ma è quell’angolo in alto a sinistra che mi sembra strano ogni volta che ci clicco sui miei siti. Forse l’arrotondamento maggiore avvicina troppo il bordo al testo, motivo per cui ho menzionato la spaziatura nel mio commento precedente.
