imterah/element-portable
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Refine styles of menus, toasts, popovers, and modals (#12332)

Browse source 
* 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
This commit is contained in:
Robin 2024-03-13 09:38:32 -04:00 • committed by GitHub
parent 0f251d8a55
commit 80c4c3c28c
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
65 changed files with 323 additions and 414 deletions
Download patch file Download diff file Expand all files Collapse all files

2
res/themes/dark/css/_dark.pcss
View file

@ -141,7 +141,7 @@ $input-placeholder: var(--cpd-color-text-placeholder);
/* Dialog */
/* ******************** */
$dialog-title-fg-color: $primary-content;
$dialog-backdrop-color: $menu-border-color;
$dialog-backdrop-color: #00000080;
$dialog-close-fg-color: $icon-button-color;
$dialog-close-external-color: $primary-content;
/* ******************** */

3
res/themes/legacy-dark/css/_legacy-dark.pcss
View file

@ -72,8 +72,7 @@ $h3-color: $primary-fg-color;
$icon-button-color: var(--cpd-color-icon-tertiary);
$dialog-title-fg-color: $base-text-color;
$dialog-backdrop-color: #000;
$dialog-shadow-color: rgba(0, 0, 0, 0.48);
$dialog-backdrop-color: #00000080;
$dialog-close-fg-color: $icon-button-color;
$dialog-close-external-color: $text-primary-color;

1
res/themes/legacy-light/css/_legacy-light.pcss
View file

@ -97,7 +97,6 @@ $icon-button-color: var(--cpd-color-icon-tertiary);
$dialog-title-fg-color: #45474a;
$dialog-backdrop-color: rgba(46, 48, 51, 0.38);
$dialog-shadow-color: rgba(0, 0, 0, 0.48);
$dialog-close-fg-color: $icon-button-color;
$dialog-close-external-color: $primary-bg-color;

3
res/themes/light/css/_light.pcss
View file

@ -189,10 +189,9 @@ $input-placeholder: var(--cpd-color-text-placeholder);
/* Dialog */
/* ******************** */
$dialog-title-fg-color: var(--cpd-color-text-primary);
$dialog-backdrop-color: rgba(46, 48, 51, 0.38);
$dialog-backdrop-color: #030c1b4d;
$dialog-close-fg-color: $icon-button-color;
$dialog-close-external-color: $background;
$dialog-shadow-color: rgba(0, 0, 0, 0.48);
/* ******************** */
/* ImageBody */