asandikci.com/web
1
0
Fork 0
Code Issues 5 Pull requests Projects Releases Packages Wiki Activity Actions

Improve accessibility of panel heading elements

Browse source
This commit is contained in:
Cotes Chung 2021-12-07 20:08:53 +08:00
parent c64e587335
commit cf6c8e9b3a
6 changed files with 5 additions and 24 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
_includes/toc.html
View file

@ -10,9 +10,7 @@
<script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@1.0.1/dist/bootstrap-toc.min.js"></script> <script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@1.0.1/dist/bootstrap-toc.min.js"></script>
<div id="toc-wrapper" class="pl-0 pr-4 mb-5"> <div id="toc-wrapper" class="pl-0 pr-4 mb-5">
<h4 class="pl-3 pt-2 mb-2"> <div class="panel-heading pl-3 pt-2 mb-2">{{- site.data.locales[lang].panel.toc -}}</div>
{{- site.data.locales[lang].panel.toc -}}
</h4>
<nav id="toc" data-toggle="toc"></nav> <nav id="toc" data-toggle="toc"></nav>
</div> </div>
{% endif %} {% endif %}

2
_includes/trending-tags.html
View file

@ -37,7 +37,7 @@
{% if trending_tags.size > 0 %} {% if trending_tags.size > 0 %}
<div id="access-tags"> <div id="access-tags">
<h4 class="text-muted">{{- site.data.locales[lang].panel.trending_tags -}}</h4> <div class="panel-heading">{{- site.data.locales[lang].panel.trending_tags -}}</div>
<div class="d-flex flex-wrap mt-3 mb-1 mr-3"> <div class="d-flex flex-wrap mt-3 mb-1 mr-3">
{% for tag_name in trending_tags %} {% for tag_name in trending_tags %}

2
_includes/update-list.html
View file

@ -26,7 +26,7 @@
{% if update_list.size > 0 %} {% if update_list.size > 0 %}
<div id="access-lastmod" class="post"> <div id="access-lastmod" class="post">
<h4>{{- site.data.locales[lang].panel.lastmod -}}</h4> <div class="panel-heading">{{- site.data.locales[lang].panel.lastmod -}}</div>
<ul class="post-content pl-0 pb-1 ml-1 mt-2"> <ul class="post-content pl-0 pb-1 ml-1 mt-2">
{% for item in update_list %} {% for item in update_list %}
{% assign index = item | split: "::" | last | plus: 0 %} {% assign index = item | split: "::" | last | plus: 0 %}

6
_sass/addon/commons.scss
View file

@ -216,10 +216,8 @@ img[data-src] {
} }
#panel-wrapper { #panel-wrapper {
h4 { .panel-heading { // the headings
@include panel-label; @include label(inherit);
font-family: inherit;
} }
.post-tag { .post-tag {

12
_sass/addon/module.scss
View file

@ -124,18 +124,6 @@
font-weight: $font-weight; font-weight: $font-weight;
} }
@mixin panel-label {
@include label(inherit);
display: block;
line-height: 1.2;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
margin-top: 0;
margin-bottom: 0;
letter-spacing: -0.02em;
}
@mixin align-center { @mixin align-center {
position: relative; position: relative;
left: 50%; left: 50%;

3
_sass/layout/post.scss
View file

@ -150,9 +150,6 @@ img.preview-img {
top: 6rem; top: 6rem;
} }
> span {
@include panel-label;
}
} }
#toc li a { #toc li a {