diff --git a/src/app/components/combat/player-combat-card/player-combat-card.component.css b/src/app/components/combat/player-combat-card/player-combat-card.component.css index 060bdef8..564c6451 100644 --- a/src/app/components/combat/player-combat-card/player-combat-card.component.css +++ b/src/app/components/combat/player-combat-card/player-combat-card.component.css @@ -1,61 +1,3 @@ -@keyframes weapon-collapse-side-in-left { - 0% { - background: rgba(15, 25, 35, 0.6); - opacity: 0; - } - 40% { - transform: scaleX(0) translateX(-50%); - opacity: 0; - } - 90% { - background: rgba(15, 25, 35, 0.6); - } - 100% { - transform: scaleX(1) translateX(0%); - opacity: 1; - } -} - -@keyframes weapon-collapse-side-in-right { - 0% { - background: rgba(15, 25, 35, 0.6); - opacity: 0; - } - 40% { - transform: scaleX(0) translateX(50%); - opacity: 0; - } - 90% { - background: rgba(15, 25, 35, 0.6); - } - 100% { - transform: scaleX(1) translateX(0%); - opacity: 1; - } -} - -.animate-weapon-collapse-in { - transform-origin: left; - animation-name: weapon-collapse-side-in-left; -} - -.animate-weapon-collapse-in.right { - transform-origin: right; - animation-name: weapon-collapse-side-in-right; -} - -.animate-weapon-collapse-out { - transform-origin: left; - animation-name: weapon-collapse-side-in-left; - animation-direction: reverse; -} - -.animate-weapon-collapse-out.right { - transform-origin: right; - animation-name: weapon-collapse-side-in-right; - animation-direction: reverse; -} - @keyframes hpbar-in { 0% { width: 0%; diff --git a/src/app/components/combat/player-combat-card/player-combat-card.component.html b/src/app/components/combat/player-combat-card/player-combat-card.component.html index 9d58e6b8..c8ae41a5 100644 --- a/src/app/components/combat/player-combat-card/player-combat-card.component.html +++ b/src/app/components/combat/player-combat-card/player-combat-card.component.html @@ -303,8 +303,6 @@ @if (player.isAlive) {
} @else { @@ -23,8 +23,8 @@ [isAlive]="player.isAlive" [right]="tIdx === 1" [color]="team.isAttacking ? 'attacker' : 'defender'" - animate.enter="animate-slide-in animate-duration-200" - animate.leave="animate-slide-out animate-duration-100" + animate.enter="animate-slide-in animate-duration-230" + animate.leave="animate-slide-out animate-duration-150" [class]="tIdx === 0 ? 'left' : 'right'" > diff --git a/src/app/components/common/abilities/abilities.component.css b/src/app/components/common/abilities/abilities.component.css index cca29b30..e69de29b 100644 --- a/src/app/components/common/abilities/abilities.component.css +++ b/src/app/components/common/abilities/abilities.component.css @@ -1,31 +0,0 @@ -@keyframes translate-to-right { - from { - transform: translateX(-100%) scaleX(0.7); - } - to { - transform: translateX(0%) scaleX(1); - } -} - -@keyframes translate-to-left { - from { - transform: translateX(100%) scaleX(0.7); - } - to { - transform: translateX(0%) scaleX(1); - } -} - -.animate-translate { - animation: translate-to-right; - will-change: transform; -} - -.animate-translate.right { - animation: translate-to-left; - will-change: transform; -} - -.animate-reverse { - animation-direction: reverse !important; -} diff --git a/src/app/components/common/abilities/abilities.component.html b/src/app/components/common/abilities/abilities.component.html index 776a21da..cdf7240f 100644 --- a/src/app/components/common/abilities/abilities.component.html +++ b/src/app/components/common/abilities/abilities.component.html @@ -4,8 +4,6 @@ class="flex w-full flex-row justify-between gap-6 overflow-hidden" [class.justify-end]="right" [class.right]="right" - animate.enter="animate-translate animate-duration-250" - animate.leave="animate-translate animate-reverse animate-duration-200" >
} diff --git a/src/app/components/shopping/roundreasons/roundreasons.component.css b/src/app/components/shopping/roundreasons/roundreasons.component.css index ad34c1ec..e795e7d5 100644 --- a/src/app/components/shopping/roundreasons/roundreasons.component.css +++ b/src/app/components/shopping/roundreasons/roundreasons.component.css @@ -41,7 +41,13 @@ @keyframes animations-reasons { 0% { opacity: 0; - transform: translateY(100%); + transform: translateY(200%); + } + 40% { + opacity: 0; + } + 89.9% { + opacity: 0.7; } 100% { opacity: 1; diff --git a/src/app/components/shopping/roundreasons/roundreasons.component.html b/src/app/components/shopping/roundreasons/roundreasons.component.html index a5dcde49..8bf1049c 100644 --- a/src/app/components/shopping/roundreasons/roundreasons.component.html +++ b/src/app/components/shopping/roundreasons/roundreasons.component.html @@ -1,8 +1,8 @@ @if (isShown()) {