Files
element-web/res/css/views/elements/_SSOButtons.pcss
T
Michael Telatynski ba95f7f26b Use Compound buttons in auth screens (#32562)
* Use Compound buttons in auth screens

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>

* Simplify

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>

* Replace brandClass with testid

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>

* Fix tests

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>

* Update screenshots

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>

* Replace OIDC native Continue buttons too

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>

* Fix contrast issues on legacy sso buttons

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>

* Tidy css

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>

* Update test

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>

---------

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2026-02-18 16:07:25 +00:00

48 lines
1004 B
Plaintext

/*
Copyright 2024 New Vector Ltd.
Copyright 2020 The Matrix.org Foundation C.I.C.
SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
Please see LICENSE files in the repository root for full details.
*/
.mx_SSOButtons {
display: flex;
flex-wrap: wrap;
justify-content: center;
.mx_SSOButtons_row + .mx_SSOButtons_row {
margin-top: 16px;
}
.mx_SSOButton {
position: relative;
width: 100%;
display: inline-block;
svg,
img {
width: 24px;
height: 24px;
object-fit: contain;
position: absolute;
left: 8px;
top: 4px;
color: var(--cpd-color-icon-primary);
}
}
.mx_SSOButton_mini {
svg,
img {
/* 30px parent, 24px self */
padding: 3px;
position: unset;
}
& + .mx_SSOButton_mini {
margin-left: 16px;
}
}
}