topbar: a11y #739

This commit is contained in:
Sören Weber 2023-12-05 15:50:11 +01:00
parent 4d02514898
commit c2054f24dd
No known key found for this signature in database
GPG key ID: BEC6D55545451B6D
3 changed files with 25 additions and 10 deletions

View file

@ -61,7 +61,7 @@
{{- end }} {{- end }}
{{- if and $icon (eq $iconposition "left") }}<i class="{{ $icon }}"></i>{{ end }} {{- if and $icon (eq $iconposition "left") }}<i class="{{ $icon }}"></i>{{ end }}
{{- if and $icon (eq $iconposition "left") $title }} {{ end }} {{- if and $icon (eq $iconposition "left") $title }} {{ end }}
{{- $title | safeHTML }} {{- if $title }}<span class="title">{{- $title | safeHTML }}</span>{{ end }}
{{- if and $icon (eq $iconposition "right") $title }} {{ end }} {{- if and $icon (eq $iconposition "right") $title }} {{ end }}
{{- if and $icon (eq $iconposition "right") }}<i class="{{ $icon }}"></i>{{ end }} {{- if and $icon (eq $iconposition "right") }}<i class="{{ $icon }}"></i>{{ end }}
{{- if $isButton -}} {{- if $isButton -}}

View file

@ -38,7 +38,7 @@
{{- end }} {{- end }}
{{- if and $icon }}<i class="{{ $icon }}"></i>{{ end }} {{- if and $icon }}<i class="{{ $icon }}"></i>{{ end }}
{{- if and $icon $title }} {{ end }} {{- if and $icon $title }} {{ end }}
{{- $title | safeHTML }} {{- if $title }}<span class="title">{{- $title | safeHTML }}</span>{{ end }}
{{- if $isDisabled -}} {{- if $isDisabled -}}
</span> </span>
{{- else if $isButton -}} {{- else if $isButton -}}

View file

@ -417,12 +417,29 @@ dd {
} }
} }
.topbar-breadcrumbs a:hover, #R-topbar a:hover:empty,
.topbar-breadcrumbs a:active, #R-topbar a:active:empty,
.topbar-breadcrumbs a:focus, #R-topbar a:focus:empty,
.topbar-breadcrumbs a:hover *, #R-topbar a:hover :not(i),
.topbar-breadcrumbs a:active *, #R-topbar a:active :not(i),
.topbar-breadcrumbs a:focus *, #R-topbar a:focus :not(i),
#R-topbar button:hover :not(i),
#R-topbar button:active :not(i),
#R-topbar button:focus :not(i),
#R-topbar .title:hover,
#R-topbar .title:active,
#R-topbar .title:focus,
.topbar-content a:hover,
.topbar-content a:active,
.topbar-content a:focus,
article a:hover,
article a:active,
article a:focus,
article a:hover .copy-to-clipboard,
article a:active .copy-to-clipboard,
article a:focus .copy-to-clipboard {
text-decoration: underline;
}
.topbar-content a:hover, .topbar-content a:hover,
.topbar-content a:active, .topbar-content a:active,
.topbar-content a:focus, .topbar-content a:focus,
@ -433,7 +450,6 @@ article a:hover .copy-to-clipboard,
article a:active .copy-to-clipboard, article a:active .copy-to-clipboard,
article a:focus .copy-to-clipboard { article a:focus .copy-to-clipboard {
outline: none; outline: none;
text-decoration: underline;
} }
article a:hover > img:only-child:empty, article a:hover > img:only-child:empty,
article a:active > img:only-child:empty, article a:active > img:only-child:empty,
@ -1093,7 +1109,6 @@ html[dir="rtl"] .topbar-button-next i {
.topbar-breadcrumbs { .topbar-breadcrumbs {
flex-grow: 1; flex-grow: 1;
line-height: 1.2;
margin: 0; margin: 0;
padding: 0 1rem; padding: 0 1rem;
} }