diff options
| author | Carl Schwan <carl@carlschwan.eu> | 2022-07-18 13:26:19 +0200 |
|---|---|---|
| committer | John Molakvoæ <skjnldsv@protonmail.com> | 2022-08-26 19:49:00 +0200 |
| commit | 68ed1af3c0afd678e6dcb8d49cbfac7ee0e1e5a2 (patch) | |
| tree | bb9ee54e5b7056c7a8f04a52bd0a82851d6a29dd /apps/settings | |
| parent | 329687ecff245b9b2f462a6fccf45a996297a41f (diff) | |
| download | nextcloud-server-68ed1af3c0afd678e6dcb8d49cbfac7ee0e1e5a2.tar.gz nextcloud-server-68ed1af3c0afd678e6dcb8d49cbfac7ee0e1e5a2.zip | |
Fix accessibility of input fields
Input fields require a 44x44 pixels target size, this makes all the
input fields and button use that size.
Bonus is that now the input fields and buttons now have the same size as
the new vue button and this looks less weird than the previous state
with controls of different sizes.
See https://www.w3.org/WAI/WCAG21/Understanding/target-size.html
Signed-off-by: Carl Schwan <carl@carlschwan.eu>
Diffstat (limited to 'apps/settings')
| -rw-r--r-- | apps/settings/css/settings.css | 2 | ||||
| -rw-r--r-- | apps/settings/css/settings.scss | 2 | ||||
| -rw-r--r-- | apps/settings/src/components/PersonalInfo/EmailSection/Email.vue | 2 |
3 files changed, 3 insertions, 3 deletions
diff --git a/apps/settings/css/settings.css b/apps/settings/css/settings.css index d363f869cf3..c21f8840c80 100644 --- a/apps/settings/css/settings.css +++ b/apps/settings/css/settings.css @@ -1169,7 +1169,7 @@ table.grid td.date { } #mail_smtpport { - width: 40px; + width: 60px; } .cronlog { diff --git a/apps/settings/css/settings.scss b/apps/settings/css/settings.scss index 9f0ab432cc7..2186e476106 100644 --- a/apps/settings/css/settings.scss +++ b/apps/settings/css/settings.scss @@ -1330,7 +1330,7 @@ table.grid td.date { } #mail_smtpport { - width: 40px; + width: 60px; } .cronlog { diff --git a/apps/settings/src/components/PersonalInfo/EmailSection/Email.vue b/apps/settings/src/components/PersonalInfo/EmailSection/Email.vue index bdcc1bdd753..5c232dd0d37 100644 --- a/apps/settings/src/components/PersonalInfo/EmailSection/Email.vue +++ b/apps/settings/src/components/PersonalInfo/EmailSection/Email.vue @@ -367,7 +367,7 @@ export default { width: 100%; height: 34px; margin: 3px 3px 3px 0; - padding: 7px 6px; + padding: 7px 14px; color: var(--color-main-text); border: 1px solid var(--color-border-dark); border-radius: var(--border-radius); |