fix play icons being squares on iPhone for about page
This commit is contained in:
parent
7fb6fcea4a
commit
8d5109bbf4
3 changed files with 12 additions and 11 deletions
|
@ -88,7 +88,8 @@
|
|||
}
|
||||
|
||||
.accordion-caret {
|
||||
font-size: 21px;
|
||||
font-size: 34px;
|
||||
font-family: "icomoon";
|
||||
margin-left: auto;
|
||||
}
|
||||
|
||||
|
|
4
app/static/js/about.js
Normal file → Executable file
4
app/static/js/about.js
Normal file → Executable file
|
@ -3,9 +3,9 @@ document.querySelectorAll('.accordion-checkbox').forEach(cbox => {
|
|||
const label = this.previousElementSibling
|
||||
const caret = label.querySelector('.text')
|
||||
if (cbox.checked) {
|
||||
caret.innerHTML = '▼'
|
||||
caret.innerHTML = ''
|
||||
} else {
|
||||
caret.innerHTML = '▶'
|
||||
caret.innerHTML = ''
|
||||
}
|
||||
})
|
||||
})
|
|
@ -47,7 +47,7 @@
|
|||
<li>
|
||||
<label for="bio-anushka" class="accordion-title">
|
||||
<h3>Anushka Rajendran</h3>
|
||||
<span class="accordion-caret animated-title"><span class="text">▶</span></span>
|
||||
<span class="accordion-caret animated-title"><span class="text"></span></span>
|
||||
</label>
|
||||
<input type="checkbox" id="bio-anushka" class="accordion-checkbox">
|
||||
<div class="accordion-content">
|
||||
|
@ -58,7 +58,7 @@
|
|||
<li>
|
||||
<label for="bio-padma" class="accordion-title">
|
||||
<h3>Pad.ma</h3>
|
||||
<span class="accordion-caret animated-title"><span class="text">▶<!-- ▼ --></span></span>
|
||||
<span class="accordion-caret animated-title"><span class="text"></span></span>
|
||||
</label>
|
||||
<input type="checkbox" id="bio-padma" class="accordion-checkbox">
|
||||
<div class="accordion-content">
|
||||
|
@ -72,7 +72,7 @@
|
|||
<li>
|
||||
<label for="bio-annotation" class="accordion-title">
|
||||
<h3>Annotation Collaborators</h3>
|
||||
<span class="accordion-caret animated-title"><span class="text">▶</span></span>
|
||||
<span class="accordion-caret animated-title"><span class="text"></span></span>
|
||||
</label>
|
||||
<input type="checkbox" id="bio-annotation" class="accordion-checkbox">
|
||||
<div class="accordion-content">
|
||||
|
@ -83,7 +83,7 @@
|
|||
<li>
|
||||
<label for="bio-acknowledgements" class="accordion-title">
|
||||
<h3>Acknowledgements</h3>
|
||||
<span class="accordion-caret animated-title"><span class="text">▶</span></span>
|
||||
<span class="accordion-caret animated-title"><span class="text"></span></span>
|
||||
</label>
|
||||
<input type="checkbox" id="bio-acknowledgements" class="accordion-checkbox">
|
||||
<div class="accordion-content">
|
||||
|
@ -100,7 +100,7 @@
|
|||
<li>
|
||||
<label for="bio-anushka-zh" class="accordion-title">
|
||||
<h3>安努舒卡.拉堅德蘭</h3>
|
||||
<span class="accordion-caret animated-title"><span class="text js-accordion-icon-toggle">▶</span></span>
|
||||
<span class="accordion-caret animated-title"><span class="text js-accordion-icon-toggle"></span></span>
|
||||
</label>
|
||||
<input type="checkbox" id="bio-anushka-zh" class="accordion-checkbox">
|
||||
<div class="accordion-content">
|
||||
|
@ -111,7 +111,7 @@
|
|||
<li>
|
||||
<label for="bio-padma-zh" class="accordion-title">
|
||||
<h3>Pad.ma</h3>
|
||||
<span class="accordion-caret animated-title"><span class="text js-accordion-icon-toggle">▶</span></span>
|
||||
<span class="accordion-caret animated-title"><span class="text js-accordion-icon-toggle"></span></span>
|
||||
</label>
|
||||
<input type="checkbox" id="bio-padma-zh" class="accordion-checkbox">
|
||||
<div class="accordion-content">
|
||||
|
@ -128,7 +128,7 @@
|
|||
<li>
|
||||
<label for="bio-annotation-zh" class="accordion-title">
|
||||
<h3>影片評論共筆</h3>
|
||||
<span class="accordion-caret animated-title"><span class="text js-accordion-icon-toggle">▶</span></span>
|
||||
<span class="accordion-caret animated-title"><span class="text js-accordion-icon-toggle"></span></span>
|
||||
</label>
|
||||
<input type="checkbox" id="bio-annotation-zh" class="accordion-checkbox">
|
||||
<div class="accordion-content">
|
||||
|
@ -139,7 +139,7 @@
|
|||
<li>
|
||||
<label for="bio-acknowledgements-zh" class="accordion-title">
|
||||
<h3>Acknowledgements</h3>
|
||||
<span class="accordion-caret animated-title"><span class="text js-accordion-icon-toggle">▶</span></span>
|
||||
<span class="accordion-caret animated-title"><span class="text js-accordion-icon-toggle"></span></span>
|
||||
</label>
|
||||
<input type="checkbox" id="bio-acknowledgements-zh" class="accordion-checkbox">
|
||||
<div class="accordion-content">
|
||||
|
|
Loading…
Reference in a new issue