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()) {