Refactor #352 - For ProgressBar

primefaces · Nov 8, 2024 · 336afe3 · 336afe3
1 parent c8ebb65
commit 336afe3
Showing 1 changed file with 15 additions and 15 deletions.
diff --git a/assets/styles/primevue/progressbar.css b/assets/styles/primevue/progressbar.css
@@ -19,15 +19,15 @@
 }
 
 .p-progressbar-indeterminate .p-progressbar-value::before {
-    @apply content-[''] absolute bg-inherit top-0 left-0 bottom-0 will-change-[left,right];
+    @apply content-[''] absolute bg-inherit top-0 start-0 bottom-0 will-change-[inset-inline-start,inset-inline-end];
 }
 
 .p-progressbar-indeterminate .p-progressbar-value::before {
     animation: p-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
 }
 
 .p-progressbar-indeterminate .p-progressbar-value::after {
-    @apply content-[''] absolute bg-inherit top-0 left-0 bottom-0 will-change-[left,right];
+    @apply content-[''] absolute bg-inherit top-0 start-0 bottom-0 will-change-[inset-inline-start,inset-inline-end];
 
 }
 
@@ -38,30 +38,30 @@
 
 @keyframes p-progressbar-indeterminate-anim {
     0% {
-        left: -35%;
-        right: 100%;
+        inset-inline-start: -35%;
+        inset-inline-end: 100%;
     }
     60% {
-        left: 100%;
-        right: -90%;
+        inset-inline-start: 100%;
+        inset-inline-end: -90%;
     }
     100% {
-        left: 100%;
-        right: -90%;
+        inset-inline-start: 100%;
+        inset-inline-end: -90%;
     }
 }
 
 @keyframes p-progressbar-indeterminate-anim-short {
     0% {
-        left: -200%;
-        right: 100%;
+        inset-inline-start: -200%;
+        inset-inline-end: 100%;
     }
     60% {
-        left: 107%;
-        right: -8%;
+        inset-inline-start: 107%;
+        inset-inline-end: -8%;
     }
     100% {
-        left: 107%;
-        right: -8%;
+        inset-inline-start: 107%;
+        inset-inline-end: -8%;
     }
-}
+}