mirror of
https://github.com/McShelby/hugo-theme-relearn.git
synced 2024-11-23 07:47:54 +00:00
expand: simplify RTL support
This commit is contained in:
parent
381b74f837
commit
09ea211204
3 changed files with 7 additions and 6 deletions
|
@ -12,8 +12,7 @@
|
|||
<input type="checkbox" id="expand-{{ $id }}" aria-controls="expandcontent-{{ $id }}" {{ if $expanded }} checked{{ end }}>
|
||||
<label class="expand-label" for="expand-{{ $id }}" >
|
||||
<i class="fas fa-chevron-down"></i>
|
||||
<i class="fas fa-chevron-left expand-rtl"></i>
|
||||
<i class="fas fa-chevron-right expand-ltr"></i>
|
||||
<i class="fas fa-chevron-right"></i>
|
||||
{{ $title }}
|
||||
</label>
|
||||
<div id="expandcontent-{{ $id }}" class="expand-content">
|
||||
|
|
|
@ -13,6 +13,9 @@
|
|||
}
|
||||
html[dir="rtl"] .progress {
|
||||
left: 4.25rem;
|
||||
}
|
||||
html[dir="rtl"] .expand > .expand-label > i.fa-chevron-right {
|
||||
transform: scaleX(1);
|
||||
}
|
||||
article,
|
||||
.toc-wrapper,
|
||||
|
|
|
@ -1136,10 +1136,9 @@ option {
|
|||
display: none;
|
||||
}
|
||||
|
||||
/* turn off unsuitable expander for this reading direction */
|
||||
html[dir="ltr"] .expand > .expand-label > .expand-rtl,
|
||||
html[dir="rtl"] .expand > .expand-label > .expand-ltr {
|
||||
display: none;
|
||||
/* adjust expander for RTL reading direction */
|
||||
html[dir="rtl"] .expand > .expand-label > i.fa-chevron-right {
|
||||
transform: scaleX(-1);
|
||||
}
|
||||
|
||||
#body footer.footline{
|
||||
|
|
Loading…
Reference in a new issue