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: [Bild] 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: [Bild] 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 !

Wie man das Layout des Login-Bildschirms ändert

Produktunterstützung

Lilly (Lillian ) 22. Februar 2024 um 03:11 3

Vielleicht kann diese Theme-Komponente helfen:

Oder vielleicht, wie man CSS-Änderungen vornimmt:

Thema		Antworten	Aufrufe
Customising Login Page Product Support	2	754	19. Juli 2023
Login Screen/Design UX	1	889	30. Juli 2019
Changing the login Page for Custom Themes Development	3	543	6. März 2024
How can I edit My Login Page Development	11	884	10. März 2024
How to change/remove icon on login screen? Product Support	4	284	15. August 2024

Wie man das Layout des Login-Bildschirms ändert

Verwandte Themen