feat: ✨ use FlexBox to properly arrange the sidebar layouts
Some checks reported warnings
/ phplint (push) Has been cancelled
Some checks reported warnings
/ phplint (push) Has been cancelled
This commit is contained in:
parent
771e9a2ec8
commit
de1f1446a3
10 changed files with 172 additions and 123 deletions
|
@ -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() {
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue