Merge pull request #29893 from nextcloud/enh/28139/a11y

pull/29871/head
Pytal 2021-11-25 16:50:21 +07:00 committed by GitHub
commit 848e589923
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
12 changed files with 56 additions and 27 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

@ -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;
}

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

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

@ -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;

@ -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>

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

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

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

@ -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);
}
}