archive/BookStackApp_BookStack
0
0
Fork 0
mirror of https://github.com/BookStackApp/BookStack.git synced 2025-05-08 01:50:57 +00:00
Code Issues Projects Releases Wiki Activity

Tweaked chapter list item styles

Browse source 
- Improves animation smoothness
- Changed animation slideup/down animations to use max-height instead of height
  to better avoid jutter at the end.
- Cleaned spacing to match page items in books listing.
This commit is contained in:
Dan Brown 2022-05-18 13:18:21 +01:00
parent 4759fa1e1f
commit b030c1398b
No known key found for this signature in database
GPG key ID: 46D9F943C24A2EF9
4 changed files with 6 additions and 7 deletions
resources/js/components
chapter-toggle.js

4
resources/js/components/chapter-toggle.js
View file

@ -12,14 +12,14 @@ class ChapterToggle {
const list = this.elem.parentNode.querySelector('.inset-list');
this.elem.classList.add('open');
this.elem.setAttribute('aria-expanded', 'true');
slideDown(list, 240);
slideDown(list, 180);
}
close() {
const list = this.elem.parentNode.querySelector('.inset-list');
this.elem.classList.remove('open');
this.elem.setAttribute('aria-expanded', 'false');
slideUp(list, 240);
slideUp(list, 180);
}
click(event) {