Hi,
We’re using discourse 3.3.0.beta1-dev
Here it is a screenshot of what the connection screen looks like :
Any idea to help me have a better layout for traditional login (cause “Security key” is using too much space) ?
AI-generated summary
The discussion revolves around customizing the layout of the login screen in Discourse 3.3.0.beta1-dev. MrBidon is seeking help due to the “Security key” option occupying too much space. Fairies-Feast suggests manually editing the CSS for a solution. Lilly recommends using the “Trendy Login” theme component or making CSS changes to achieve the desired layout. pmusaraj considers making core changes to improve the default appearance, including translating and redesigning the “Security key” button label. Ultimately, MrBidon resolves the issue by customizing the CSS and expresses appreciation for the helpful Discourse community.
Hello, you could manually edit the CSS to change the layout.
Maybe this theme component can help:
Or perhaps how to make CSS changes:
I think we can make some changes in core to make this screen look better by default. The translation for this button is a bit long, I made a suggestion upstream to change the label from
- Connectez-vous à l’aide d’une clé d’accès
to - Se connecter avec une clé d’accès
(That matches the translations for the social links as well)
I think we can make some subtle design changes here as well. There may be other languages with very long social login button labels. cc @jordan.vidrine