nikrozman/element-web
1
0
Fork 0
Code Issues Actions 3 Packages Projects Releases Wiki Activity

Make AccessibleButton contrast control compatible (#31308)

Browse Source 
* Make AccessibleButton contrast control compatible

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

* Iterate

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

* Iterate

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

---------

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
This commit is contained in:
Michael Telatynski
2025-12-16 09:51:15 +00:00
committed by GitHub
parent 9d9782f62b
commit 040c348700
3 changed files with 6 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
res/css/views/dialogs/_InviteDialog.pcss
View File

@@ -28,9 +28,9 @@ Please see LICENSE files in the repository root for full details.
} }
.mx_InviteDialog_goButton { .mx_InviteDialog_goButton {
min-width: 48px; min-width: 86px;
margin-inline-start: 10px; margin-inline-start: 10px;
height: 25px; height: 41px;
line-height: $font-25px; line-height: $font-25px;
} }
} }

2
res/css/views/dialogs/_ServerPickerDialog.pcss
View File

@@ -64,7 +64,7 @@ Please see LICENSE files in the repository root for full details.
} }
.mx_AccessibleButton_kind_primary { .mx_AccessibleButton_kind_primary {
width: calc(100% - 64px); width: calc(100% - 26px);
margin: 0 8px; margin: 0 8px;
padding: 15px 18px; padding: 15px 18px;
} }

3
res/css/views/elements/_AccessibleButton.pcss
View File

@@ -37,6 +37,7 @@ Please see LICENSE files in the repository root for full details.
font: var(--cpd-font-body-md-semibold); font: var(--cpd-font-body-md-semibold);
border: none; /* override default <button /> styles */ border: none; /* override default <button /> styles */
word-break: keep-all; /* prevent button text in Chinese/Japanese/Korean (CJK) from being collapsed */ word-break: keep-all; /* prevent button text in Chinese/Japanese/Korean (CJK) from being collapsed */
box-sizing: border-box;
&.mx_AccessibleButton_kind_primary_sm, &.mx_AccessibleButton_kind_primary_sm,
&.mx_AccessibleButton_kind_danger_sm, &.mx_AccessibleButton_kind_danger_sm,
@@ -47,11 +48,13 @@ Please see LICENSE files in the repository root for full details.
&.mx_AccessibleButton_kind_primary_sm { &.mx_AccessibleButton_kind_primary_sm {
color: var(--cpd-color-text-on-solid-primary); color: var(--cpd-color-text-on-solid-primary);
background-color: var(--cpd-color-bg-action-primary-rest); background-color: var(--cpd-color-bg-action-primary-rest);
border: 1px solid var(--cpd-color-bg-action-primary-rest);
} }
&.mx_AccessibleButton_kind_danger_sm { &.mx_AccessibleButton_kind_danger_sm {
color: var(--cpd-color-text-on-solid-primary); color: var(--cpd-color-text-on-solid-primary);
background-color: var(--cpd-color-bg-critical-primary); background-color: var(--cpd-color-bg-critical-primary);
border: 1px solid var(--cpd-color-bg-critical-primary);
} }
&.mx_AccessibleButton_kind_link_sm { &.mx_AccessibleButton_kind_link_sm {