feat: use FlexBox to properly arrange the sidebar layouts
Some checks reported warnings
/ phplint (push) Has been cancelled

This commit is contained in:
David Bailey 2025-01-27 10:24:41 +01:00
parent 771e9a2ec8
commit de1f1446a3
10 changed files with 172 additions and 123 deletions

View file

@ -1,7 +1,7 @@
const BANNER_TIME = 600 * 1000.0
// const BANNER_ANIMATION = "opacity 0.8s linear, transform 0.1s linear"
const BANNER_ANIMATION = "opacity 0.8s linear"
const BANNER_ANIMATION = "opacity 0.8s linear, transform 1s linear"
// const BANNER_ANIMATION = "opacity 0.8s linear"
class BannerHandler {
@ -73,7 +73,7 @@ class BannerHandler {
const bannerPercentage = (bannerPercentageFrom + (bannerPercentageTo - bannerPercentageFrom) * this.currentPhase)
const banner_top = (1-bannerPercentage) * bannerTranslateMax
this.bannerDOM.style.transform = "translateY(" + banner_top + 'px' + ")"
this.bannerDOM.style.transform = "translateZ(0.1px) translateY(" + banner_top + 'px)'
}
fadeOut() {