Quelques problèmes CSS et comment je les ai résolus pour notre usage personnel
Bureau
Le premier n’est pas vraiment un problème, mais cela pourrait l’être. Nous avons rarement autant de réactions sur un message, mais sachez que si vous dépassez 8 réactions, les contrôles du message se briseront.
Voici à quoi cela ressemble avec 8 réactions, cela semble super.
CSS utilisé pour le bureau
.post-retort {
margin: 0px 2px;
border: 1px solid #333;
border-radius: 5px;
padding: 3px;
background-color: #666;
}
Téléphone : iPhone SE Gen1
Mobile
Le nombre maximum de réactions possible actuellement sur mobile sans briser les contrôles du message, du moins sur un écran plus petit, est de 1.
Avec plus d’une réaction, les contrôles du message sont déplacés hors de l’écran.
Voici à quoi cela ressemble avec nos modifications CSS.
CSS Mobile
.post-retort {
border: 1px solid #333;
border-radius: 5px;
padding: 3px;
background-color: #666;
margin: 2px 2px;
float: none;
}
Vous pouvez obtenir le même aspect sur le bureau que sur mobile en utilisant le CSS Mobile ci-dessus. Cela placera les réactions au-dessus des contrôles de votre message.
Nous aimons beaucoup cette extension et elle est très utilisée sur notre forum, merci de l’avoir prise en charge @angus 