element-web/res/css/views/dialogs/_TermsDialog.pcss

/*
Copyright 2024 New Vector Ltd.
Copyright 2019 The Matrix.org Foundation C.I.C.

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

/*
 * To avoid visual glitching of two modals stacking briefly, we customise the
 * terms dialog sizing when it will appear for the integration manager so that
 * it gets the same basic size as the IM's own modal.
 */
.mx_TermsDialog_forIntegrationManager .mx_Dialog_border {
    width: 60%;
    height: 70%;
    box-sizing: border-box;
}

.mx_TermsDialog_termsTableHeader {
    font-weight: bold;
    text-align: left;
}

.mx_TermsDialog_termsTable {
    font-size: $font-12px;
    width: 100%;
}

.mx_TermsDialog_service,
.mx_TermsDialog_summary {
    padding-right: 10px;
}
Initial support for ToS dialogs for IS/IM as per MSC2140 2019-07-09 17:51:56 +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 2024 New Vector Ltd.`
Initial support for ToS dialogs for IS/IM as per MSC2140 2019-07-09 17:51:56 +00:00			`Copyright 2019 The Matrix.org Foundation C.I.C.`

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.`
Initial support for ToS dialogs for IS/IM as per MSC2140 2019-07-09 17:51:56 +00:00			`*/`

Avoid visual glitch when terms appear for IM This avoids a visual glitch where the Integration Manager portal would briefly appear, but then be replaced by a smaller Terms dialog when there's something to agree to. To resolve this minimal code churn, this cheats a bit and customises the size of the terms dialog to match the IM portal modal when terms are shown for IM purposes. Fixes https://github.com/vector-im/riot-web/issues/10386 2019-07-23 14:11:38 +00:00			`/*`
			`* To avoid visual glitching of two modals stacking briefly, we customise the`
It's called an "Integration Manager" (singular) Fixes https://github.com/vector-im/riot-web/issues/11256 This was finally annoying me enough to fix it. 2019-11-21 03:14:20 +00:00			`* terms dialog sizing when it will appear for the integration manager so that`
Avoid visual glitch when terms appear for IM This avoids a visual glitch where the Integration Manager portal would briefly appear, but then be replaced by a smaller Terms dialog when there's something to agree to. To resolve this minimal code churn, this cheats a bit and customises the size of the terms dialog to match the IM portal modal when terms are shown for IM purposes. Fixes https://github.com/vector-im/riot-web/issues/10386 2019-07-23 14:11:38 +00:00			`* it gets the same basic size as the IM's own modal.`
			`*/`
Refine styles of menus, toasts, popovers, and modals (#12332) * Refine styles of menus, toasts, popovers, and modals This is a reintroduction of https://github.com/matrix-org/matrix-react-sdk/pull/12247, with the difference that modal styles have now been refreshed as well. * Restore the fixed heights of some dialogs * Fix formatting and flaky screenshot 2024-03-13 13:38:32 +00:00			`.mx_TermsDialog_forIntegrationManager .mx_Dialog_border {`
Avoid visual glitch when terms appear for IM This avoids a visual glitch where the Integration Manager portal would briefly appear, but then be replaced by a smaller Terms dialog when there's something to agree to. To resolve this minimal code churn, this cheats a bit and customises the size of the terms dialog to match the IM portal modal when terms are shown for IM purposes. Fixes https://github.com/vector-im/riot-web/issues/10386 2019-07-23 14:11:38 +00:00			`width: 60%;`
			`height: 70%;`
			`box-sizing: border-box;`
			`}`

Initial support for ToS dialogs for IS/IM as per MSC2140 2019-07-09 17:51:56 +00:00			`.mx_TermsDialog_termsTableHeader {`
			`font-weight: bold;`
			`text-align: left;`
			`}`

			`.mx_TermsDialog_termsTable {`
Use variables for the rem values. It's become obvious that these random floating points everywhere are unwieldy. Now they're all in one place with some fairly logical variable names which will help out in design->implementation phase. 2020-03-31 14:26:23 +00:00			`font-size: $font-12px;`
Avoid visual glitch when terms appear for IM This avoids a visual glitch where the Integration Manager portal would briefly appear, but then be replaced by a smaller Terms dialog when there's something to agree to. To resolve this minimal code churn, this cheats a bit and customises the size of the terms dialog to match the IM portal modal when terms are shown for IM purposes. Fixes https://github.com/vector-im/riot-web/issues/10386 2019-07-23 14:11:38 +00:00			`width: 100%;`
Initial support for ToS dialogs for IS/IM as per MSC2140 2019-07-09 17:51:56 +00:00			`}`

Apply prettier formatting 2022-12-12 11:24:14 +00:00			`.mx_TermsDialog_service,`
			`.mx_TermsDialog_summary {`
Initial support for ToS dialogs for IS/IM as per MSC2140 2019-07-09 17:51:56 +00:00			`padding-right: 10px;`
			`}`