Explorar el Código

[Bugfix 0000]修复生产环境下设备编辑弹框按钮显示错位的问题

wangkeyi hace 1 semana
padre
commit
f4a47a3c44
Se han modificado 2 ficheros con 15 adiciones y 7 borrados
  1. 6 7
      src/components/Modal/src/index.less
  2. 9 0
      src/design/vent/antCss.less

+ 6 - 7
src/components/Modal/src/index.less

@@ -75,14 +75,13 @@
   &-close {
   &-close {
     font-weight: normal;
     font-weight: normal;
     outline: none;
     outline: none;
-  }
 
 
-  &-close-x {
-    display: inline-block;
-    width: 96px;
-    /*    width: auto;*/
-    height: 56px;
-    line-height: 56px;
+    .@{ventSpace}-modal-close-x {
+      display: inline-block;
+      width: 96px;
+      height: 56px;
+      line-height: 56px;
+    }
   }
   }
 
 
   &-confirm-body {
   &-confirm-body {

+ 9 - 0
src/design/vent/antCss.less

@@ -198,6 +198,15 @@ tr.@{ventSpace}-table-expanded-row:hover > td {
 }
 }
 .@{ventSpace}-modal-close {
 .@{ventSpace}-modal-close {
   color: #ffffff !important;
   color: #ffffff !important;
+
+  // 关闭按钮需容纳“全屏+关闭”两个图标,宽于 antd 默认 56px;
+  // 用后代选择器提升优先级,避免生产构建中与 antd 规则加载顺序不同导致宽度被覆盖、按钮溢出弹框
+  .@{ventSpace}-modal-close-x {
+    display: inline-block;
+    width: 96px;
+    height: 56px;
+    line-height: 56px;
+  }
 }
 }
 .@{ventSpace}-modal-footer {
 .@{ventSpace}-modal-footer {
   border-color: #ffffff22 !important;
   border-color: #ffffff22 !important;