malhuda/fictioneer
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases 112 Wiki Activity

Improve chapter group toggles

Browse Source
This commit is contained in:
Tetrakern 2023-01-24 13:46:26 +01:00
parent 2b91775560
commit 55519c01bb
2 changed files with 6 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
js/application.min.js vendored
View File

File diff suppressed because one or more lines are too long

8
src/js/application.js
View File

@ -1154,7 +1154,7 @@ _$$('[for*=group-toggle]').forEach(element => {
element.addEventListener(
'click',
e => {
list = e.currentTarget.closest('.chapter-group').querySelector('.chapter-group__list');
let list = e.currentTarget.closest('.chapter-group').querySelector('.chapter-group__list');
list.style.height = `${list.scrollHeight}px`;
}
);
@ -1162,11 +1162,13 @@ _$$('[for*=group-toggle]').forEach(element => {
element.closest('.chapter-group').querySelector('.chapter-group__list').addEventListener(
'transitionend',
e => {
list = e.currentTarget.closest('.chapter-group').querySelector('.chapter-group__list');
let group = e.currentTarget.closest('.chapter-group'),
list = group.querySelector('.chapter-group__list');
list.style.height = '';
list.querySelectorAll('a, button').forEach(element => {
element.tabIndex = element.tabIndex == '-1' ? '0' : '-1';
element.tabIndex = group.querySelector('.chapter-group__toggle').checked;
});
}
);