upstream/nextcloud
1
0
Fork 0
mirror of https://github.com/nextcloud/server.git synced 2026-06-10 09:13:19 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions 54

Merge pull request #29916 from nextcloud/backport/29893/stable23

Browse source 
[stable23] Improve accessibility for personal info settings and profile
This commit is contained in:
Carl Schwan 2021-11-26 11:15:37 +01:00 committed by GitHub
commit ab9282fe26
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
12 changed files with 56 additions and 27 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
apps/settings/js/vue-settings-personal-info.js
View file

File diff suppressed because one or more lines are too long

2
apps/settings/js/vue-settings-personal-info.js.map
View file

File diff suppressed because one or more lines are too long

4
apps/settings/src/components/PersonalInfo/BiographySection/Biography.vue
View file

@ -137,7 +137,9 @@ export default {
font-family: var(--font-face);
cursor: text;
&:hover {
&:hover,
&:focus,
&:active {
border-color: var(--color-primary-element) !important;
outline: none !important;
}

4
apps/settings/src/components/PersonalInfo/EmailSection/Email.vue
View file

@ -388,7 +388,9 @@ export default {
.email__actions {
opacity: 0.4 !important;
&:hover {
&:hover,
&:focus,
&:active {
opacity: 0.8 !important;
}

4
apps/settings/src/components/PersonalInfo/ProfileSection/EditProfileAnchorLink.vue
View file

@ -88,7 +88,9 @@ a {
margin-right: 8px;
}
&:hover {
&:hover,
&:focus,
&:active {
opacity: 0.8;
background-color: rgba(127, 127, 127, .25);
}

9
apps/settings/src/components/PersonalInfo/ProfileSection/ProfilePreviewCard.vue
View file

@ -105,10 +105,17 @@ export default {
font-weight: bold;
box-shadow: 0 2px 9px var(--color-box-shadow);
&:hover {
&:hover,
&:focus,
&:active {
box-shadow: 0 2px 12px var(--color-box-shadow);
}
&:focus-visible {
outline: var(--color-main-text) solid 1px;
outline-offset: 3px;
}
&.disabled {
filter: grayscale(1);
opacity: 0.5;

14
apps/settings/src/components/PersonalInfo/shared/AddButton.vue
View file

@ -61,13 +61,19 @@ export default {
}
}
&:hover {
&:hover,
&:focus,
&:active {
background-color: rgba(127, 127, 127, .15);
}
&:enabled:hover {
background-color: rgba(127, 127, 127, .25);
opacity: 0.8 !important;
&:enabled {
&:hover,
&:focus,
&:active {
background-color: rgba(127, 127, 127, .25);
opacity: 0.8 !important;
}
}
}
</style>

4
apps/settings/src/components/PersonalInfo/shared/FederationControl.vue
View file

@ -185,7 +185,9 @@ export default {
.federation-actions--additional {
opacity: 0.4 !important;
&:hover {
&:hover,
&:focus,
&:active {
opacity: 0.8 !important;
}
}

16
core/js/dist/profile.js vendored
View file

File diff suppressed because one or more lines are too long

2
core/js/dist/profile.js.map vendored
View file

File diff suppressed because one or more lines are too long

4
core/src/components/Profile/PrimaryActionButton.vue
View file

@ -96,7 +96,9 @@ export default {
}
}
&:hover {
&:hover,
&:focus,
&:active {
background-color: var(--color-primary-element-light);
}
}

12
core/src/views/Profile.vue
View file

@ -364,7 +364,9 @@ $content-max-width: 640px;
line-height: 44px;
font-weight: bold;
&:hover {
&:hover,
&:focus,
&:active {
color: var(--color-primary-text);
background-color: var(--color-primary-element-light);
}
@ -386,7 +388,9 @@ $content-max-width: 640px;
&.interactive {
cursor: pointer;
&:hover {
&:hover,
&:focus,
&:active {
background-color: var(--color-main-background);
color: var(--color-main-text);
border-radius: var(--border-radius-pill);
@ -438,7 +442,9 @@ $content-max-width: 640px;
.avatardiv__user-status {
cursor: pointer;
&:hover {
&:hover,
&:focus,
&:active {
box-shadow: 0 3px 6px var(--color-box-shadow);
}
}