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 }}
{{- if and $icon (eq $iconposition "left") }}<i class="{{ $icon }}"></i>{{ 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") }}<i class="{{ $icon }}"></i>{{ end }}
{{- if $isButton -}}

View file

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

View file

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