Hi, We’re using discourse 3.3.0.beta1-dev Here it is a screenshot of what the connection screen looks like : [Screenshot from 2024-02-21 23-12-50] Any idea to help me have a better layout for traditional login (cause “Security key” is using too much space) ?

Maybe this theme component can help: [imagem] Trendy Login Theme component discourse2 Summary Trendy Login changes the default design of static login page (/login) on login required sites and adds the ability to customize the page content via component settings. hammer_and_wrench Repository Link https://github.com/discourse/discourse-trendy-login question Install Guide How to install a theme or theme component open_book New to Discourse Themes? Beginner’s guide to using Discourse Themes Install this theme component Features [image] S… Or perhaps how to make CSS changes: [imagem] Making custom CSS changes on your site Site Management bookmark This guide explains how to make CSS changes on your Discourse site, including an introduction to CSS, where to add CSS in Discourse, and how to find the right selectors using browser inspection tools. person_raising_hand Required user level: Administrator Summary This guide covers: A brief introduction to CSS and key concepts How to add CSS to your Discourse site using theme components Using browser inspection tools to find the right CSS selectors Understanding CSS basics C…

Hello, you could manually edit the CSS to change the layout.

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

Thanks a lot @Lilly , I have customized CSS and then It solve my issue. @pmusaraj I’m happy to point some stuff to improve. What a fantastic community, Discourse have !

Como alterar o layout da tela de login

Suporte ao Produto

Lilly (Lillian ) Fevereiro 22, 2024, 3:11am 3

Talvez este componente de tema possa ajudar:

Ou talvez como fazer alterações de CSS:

Tópico		Respostas	Visualizações
Customising Login Page Product Support	2	752	19 de Julho de 2023
Login Screen/Design UX	1	887	30 de Julho de 2019
Changing the login Page for Custom Themes Development	3	539	6 de Março de 2024
How can I edit My Login Page Development	11	881	10 de Março de 2024
How to change/remove icon on login screen? Product Support	4	281	15 de Agosto de 2024

Como alterar o layout da tela de login

Tópicos relacionados