Alcuni problemi CSS e come li ho risolti per il nostro uso personale
Desktop
Il primo non è tanto un problema, ma potrebbe esserlo: raramente abbiamo così tante risposte su un post, ma dovresti sapere che se superi le 8 risposte, i controlli del post si romperanno.
Ecco com’è con 8 risposte, sembra ottimo.
CSS utilizzato per Desktop
.post-retort {
margin: 0px 2px;
border: 1px solid #333;
border-radius: 5px;
padding: 3px;
background-color: #666;
}
Telefono: iPhone SE Gen1
Mobile
Il numero massimo di risposte al momento su mobile senza rompere i controlli del post, almeno utilizzando uno schermo più piccolo, è 1.
Con più di una risposta, i controlli del post vengono spostati fuori dallo schermo.
Ecco com’è con le nostre modifiche CSS.
CSS per Mobile
.post-retort {
border: 1px solid #333;
border-radius: 5px;
padding: 3px;
background-color: #666;
margin: 2px 2px;
float: none;
}
Puoi ottenere lo stesso aspetto su Desktop che su Mobile utilizzando il CSS per Mobile sopra; questo posizionerà le risposte sopra i controlli del post.
Amiamo questo plugin e viene utilizzato molto sul nostro forum, grazie per averlo accettato @angus 