Bug-2854067808781568: fix popover and abs layout (#279)

* Bug-2854067808781568: fix popover and abs layout * fix: temp --------- Co-authored-by: 刘一奇 <[email protected]>
vusion · May 8, 2024 · 7501d27 · 7501d27
1 parent c6d1daa
commit 7501d27
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 24 deletions.
diff --git a/src/dialog/index.less b/src/dialog/index.less
@@ -1,10 +1,10 @@
 @import '../style/var';
 
 .van-dialog {
-  position: fixed;
-  top: 45%;
-  left: 50%;
-  width: @dialog-width;
+  position: fixed !important;
+  top: 45% !important;
+  left: 50% !important;
+  width: @dialog-width !important;
   font-size: @dialog-font-size;
 
   transform: translate3d(-50%, -50%, 0);

diff --git a/src/popup/index.less b/src/popup/index.less
@@ -6,57 +6,57 @@
   }
 
   &-popup {
-    position: fixed;
+    position: fixed !important;
     max-height: 100%;
     overflow-y: auto;
     background-color: @popup-background-color;
     transition: @popup-transition;
     -webkit-overflow-scrolling: touch;
 
     &--center {
-      top: 50%;
-      left: 50%;
-      transform: translate3d(-50%, -50%, 0);
+      top: 50% !important;
+      left: 50% !important;
+      transform: translate3d(-50%, -50%, 0) !important;
 
       &.van-popup--round {
         border-radius: @popup-round-border-radius;
       }
     }
 
     &--top {
-      top: 0;
-      left: 0;
-      width: 100%;
+      top: 0 !important;
+      left: 0 !important;
+      width: 100% !important;
 
       &.van-popup--round {
         border-radius: 0 0 @popup-round-border-radius @popup-round-border-radius;
       }
     }
 
     &--right {
-      top: 50%;
-      right: 0;
-      transform: translate3d(0, -50%, 0);
+      top: 50% !important;
+      right: 0 !important;
+      transform: translate3d(0, -50%, 0) !important;
 
       &.van-popup--round {
         border-radius: @popup-round-border-radius 0 0 @popup-round-border-radius;
       }
     }
 
     &--bottom {
-      bottom: 0;
-      left: 0;
-      width: 100%;
+      bottom: 0 !important;
+      left: 0 !important;
+      width: 100% !important;
 
       &.van-popup--round {
         border-radius: @popup-round-border-radius @popup-round-border-radius 0 0;
       }
     }
 
     &--left {
-      top: 50%;
-      left: 0;
-      transform: translate3d(0, -50%, 0);
+      top: 50% !important;
+      left: 0 !important;
+      transform: translate3d(0, -50%, 0) !important;
 
       &.van-popup--round {
         border-radius: 0 @popup-round-border-radius @popup-round-border-radius 0;
@@ -84,22 +84,22 @@
 
     &-slide-top-enter,
     &-slide-top-leave-active {
-      transform: translate3d(0, -100%, 0);
+      transform: translate3d(0, -100%, 0) !important;
     }
 
     &-slide-right-enter,
     &-slide-right-leave-active {
-      transform: translate3d(100%, -50%, 0);
+      transform: translate3d(100%, -50%, 0) !important;
     }
 
     &-slide-bottom-enter,
     &-slide-bottom-leave-active {
-      transform: translate3d(0, 100%, 0);
+      transform: translate3d(0, 100%, 0) !important;
     }
 
     &-slide-left-enter,
     &-slide-left-leave-active {
-      transform: translate3d(-100%, -50%, 0);
+      transform: translate3d(-100%, -50%, 0) !important;
     }
 
     &__close-icon {