element-web/res/css/views/auth/_AuthHeader.pcss

/*
Copyright 2019-2024 New Vector Ltd.

SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only
Please see LICENSE files in the repository root for full details.
*/

.mx_AuthHeader {
    display: flex;
    flex-direction: column;
    width: 206px;
    padding: 25px 25px;
    box-sizing: border-box;
}

@media only screen and (max-width: 480px) {
    .mx_AuthHeader {
        display: none;
    }
}
switch to a LoginPage wrapper component as it's much nicer in the CSS to wrap the LoginBox as needed rather than have separate header & footer divs floating above and below it which need to be correctly vertically centered 2017-10-24 22:37:26 +00:00			`/*`
Change license (#13) * Copyright headers 1 * Licence headers 2 * Copyright Headers 3 * Copyright Headers 4 * Copyright Headers 5 * Copyright Headers 6 * Copyright headers 7 * Add copyright headers for html and config file * Replace license files and update package.json * Update with CLA * lint 2024-09-09 13:57:16 +00:00			`Copyright 2019-2024 New Vector Ltd.`
switch to a LoginPage wrapper component as it's much nicer in the CSS to wrap the LoginBox as needed rather than have separate header & footer divs floating above and below it which need to be correctly vertically centered 2017-10-24 22:37:26 +00:00
Change license (#13) * Copyright headers 1 * Licence headers 2 * Copyright Headers 3 * Copyright Headers 4 * Copyright Headers 5 * Copyright Headers 6 * Copyright headers 7 * Add copyright headers for html and config file * Replace license files and update package.json * Update with CLA * lint 2024-09-09 13:57:16 +00:00			`SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only`
			`Please see LICENSE files in the repository root for full details.`
switch to a LoginPage wrapper component as it's much nicer in the CSS to wrap the LoginBox as needed rather than have separate header & footer divs floating above and below it which need to be correctly vertically centered 2017-10-24 22:37:26 +00:00			`*/`

Add modal look to authentication flows This changes the auth screens to use the modal-like style of the redesign. This does not attempt to style the actual body content of each screen. Instead, it covers the header area with logo, footer links, and overall modal container only. 2019-01-23 01:28:23 +00:00			`.mx_AuthHeader {`
Tweak language selector to match design 2019-01-23 15:57:31 +00:00			`display: flex;`
			`flex-direction: column;`
Add modal look to authentication flows This changes the auth screens to use the modal-like style of the redesign. This does not attempt to style the actual body content of each screen. Instead, it covers the header area with logo, footer links, and overall modal container only. 2019-01-23 01:28:23 +00:00			`width: 206px;`
fix language dropdown to center 2021-01-28 17:37:59 +00:00			`padding: 25px 25px;`
Add modal look to authentication flows This changes the auth screens to use the modal-like style of the redesign. This does not attempt to style the actual body content of each screen. Instead, it covers the header area with logo, footer links, and overall modal container only. 2019-01-23 01:28:23 +00:00			`box-sizing: border-box;`
			`}`
Add some media queries to improve UI on mobile 2020-01-30 10:18:14 +00:00
fix requested changes from #3991 Signed-off-by: Jovan Gerodetti <jovan.gerodetti@titannano.de> 2020-05-27 17:33:55 +00:00			`@media only screen and (max-width: 480px) {`
			`.mx_AuthHeader {`
			`display: none;`
			`}`
solved style-lint errors 2021-01-28 18:19:13 +00:00			`}`