bkui-vue 0.0.3-beta.5 → 0.0.3-beta.6

package/lib/config-provider/config-provider.d.ts

@@ -132,6 +132,9 @@ export declare const configProviderProps: {
                 noData: string;
                 emptyText: string;
             };
+            versionLog: {
+                current: string;
+            };
         }>;
     };
     prefix: {
@@ -273,6 +276,9 @@ declare const _default: import("vue").DefineComponent<{
                 noData: string;
                 emptyText: string;
             };
+            versionLog: {
+                current: string;
+            };
         }>;
     };
     prefix: {
@@ -414,6 +420,9 @@ declare const _default: import("vue").DefineComponent<{
                 noData: string;
                 emptyText: string;
             };
+            versionLog: {
+                current: string;
+            };
         }>;
     };
     prefix: {

package/lib/config-provider/index.d.ts

@@ -160,6 +160,9 @@ declare const BkConfigProvider: {
                     noData: string;
                     emptyText: string;
                 };
+                versionLog: {
+                    current: string;
+                };
             };
             class?: unknown;
             style?: unknown;
@@ -352,6 +355,9 @@ declare const BkConfigProvider: {
                         noData: string;
                         emptyText: string;
                     };
+                    versionLog: {
+                        current: string;
+                    };
                 }>;
             };
             prefix: {
@@ -515,6 +521,9 @@ declare const BkConfigProvider: {
                     noData: string;
                     emptyText: string;
                 };
+                versionLog: {
+                    current: string;
+                };
             }>;
         };
         prefix: {
@@ -660,6 +669,9 @@ declare const BkConfigProvider: {
                 noData: string;
                 emptyText: string;
             };
+            versionLog: {
+                current: string;
+            };
         }>;
     };
     prefix: {

package/lib/config-provider/token.d.ts

@@ -131,6 +131,9 @@ export declare const defaultRootConfig: {
             noData: string;
             emptyText: string;
         };
+        versionLog: {
+            current: string;
+        };
     };
     prefix: string;
 };

package/lib/dialog/dialog.css

@@ -1,42 +1,67 @@
-.bk-modal-wrapper.bk-info-wrapper {
+.bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper {
   width: 440px;
 }
-.bk-modal-wrapper.bk-info-wrapper.normal {
+.bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper.normal {
   width: 440px;
 }
-.bk-modal-wrapper.bk-info-wrapper.small {
+.bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper.small {
   width: 400px;
 }
-.bk-modal-wrapper.bk-info-wrapper .bk-modal-body {
+.bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper .bk-modal-body {
   border-radius: 2px;
 }
-.bk-modal-wrapper.bk-info-wrapper .bk-dialog-header {
+.bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper .bk-dialog-header {
   padding: 24px 24px 0;
 }
-.bk-modal-wrapper.bk-info-wrapper .bk-dialog-header .bk-dialog-title {
+.bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper .bk-dialog-header .bk-dialog-title {
   height: 27px;
   margin: 15px 0 10px;
 }
-.bk-modal-wrapper.bk-info-wrapper .bk-modal-content {
+.bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper .bk-modal-content {
   height: 100%;
   max-height: 100%;
   min-height: 100%;
   padding: 0 50px 10px;
   word-break: break-all;
 }
-.bk-modal-wrapper.bk-info-wrapper .bk-modal-content .bk-info-sub-title {
+.bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper .bk-modal-content .bk-info-sub-title {
   margin-bottom: 10px;
   text-align: center;
   word-break: break-all;
 }
-.bk-modal-wrapper.bk-info-wrapper .bk-modal-footer {
+.bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper .bk-modal-footer {
   padding: 0 65px 33px;
   background-color: #fff;
   border-top: none;
 }
-.bk-modal-wrapper.bk-info-wrapper .bk-modal-footer .bk-dialog-footer button {
+.bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper .bk-modal-footer .bk-dialog-footer button {
   min-width: 88px;
 }
+.bk-modal-ctx {
+  pointer-events: auto;
+  top: 0px;
+  left: 0px;
+  width: 100%;
+  height: 100%;
+}
+.bk-modal-ctx.--show {
+  position: fixed;
+}
+.bk-modal-ctx.--hide {
+  display: none;
+}
+.bk-modal-ctx .bk-modal-ctx-mask {
+  display: none;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  background-color: rgba(0, 0, 0, 0.6);
+}
+.bk-modal-ctx .bk-modal-ctx-mask.--show {
+  position: fixed;
+  display: inherit;
+}
 .bk-modal-wrapper {
   position: absolute;
   top: 50%;
@@ -70,57 +95,58 @@
 }
 .bk-modal-wrapper .bk-modal-body {
   height: 100%;
+  width: 100%;
   background: #fff;
   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
 }
-.bk-modal-wrapper.bk-dialog-wrapper {
+.bk-dialog-wrapper .bk-modal-wrapper {
   position: relative;
 }
-.bk-modal-wrapper.bk-dialog-wrapper * {
+.bk-dialog-wrapper .bk-modal-wrapper * {
   box-sizing: border-box;
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
-.bk-modal-wrapper.bk-dialog-wrapper.scroll-able .bk-modal-content {
+.bk-dialog-wrapper .bk-modal-wrapper.scroll-able .bk-modal-content {
   overflow: auto;
 }
-.bk-modal-wrapper.bk-dialog-wrapper.multi-instance {
+.bk-dialog-wrapper .bk-modal-wrapper.multi-instance {
   position: absolute;
 }
-.bk-modal-wrapper.bk-dialog-wrapper .bk-dialog-tool {
+.bk-dialog-wrapper .bk-modal-wrapper .bk-dialog-tool {
   position: absolute;
   top: 0;
   right: 0;
   left: 0;
   height: 18px;
 }
-.bk-modal-wrapper.bk-dialog-wrapper .move {
+.bk-dialog-wrapper .bk-modal-wrapper .move {
   cursor: move;
 }
-.bk-modal-wrapper.bk-dialog-wrapper .content-dragging {
+.bk-dialog-wrapper .bk-modal-wrapper .content-dragging {
   user-select: none;
 }
-.bk-modal-wrapper.bk-dialog-wrapper .bk-dialog-header {
+.bk-dialog-wrapper .bk-modal-wrapper .bk-dialog-header {
   padding: 16px 24px 12px;
   font-size: 20px;
   line-height: 1;
 }
-.bk-modal-wrapper.bk-dialog-wrapper .bk-dialog-header .bk-header-icon {
+.bk-dialog-wrapper .bk-modal-wrapper .bk-dialog-header .bk-header-icon {
   text-align: center;
 }
-.bk-modal-wrapper.bk-dialog-wrapper .bk-dialog-header .bk-header-icon .bk-info-icon {
+.bk-dialog-wrapper .bk-modal-wrapper .bk-dialog-header .bk-header-icon .bk-info-icon {
   display: inline-block;
   font-size: 48px;
 }
-.bk-modal-wrapper.bk-dialog-wrapper .bk-dialog-header .bk-header-icon .bk-info-icon.success {
+.bk-dialog-wrapper .bk-modal-wrapper .bk-dialog-header .bk-header-icon .bk-info-icon.success {
   color: #2dcb56;
 }
-.bk-modal-wrapper.bk-dialog-wrapper .bk-dialog-header .bk-header-icon .bk-info-icon.warning {
+.bk-dialog-wrapper .bk-modal-wrapper .bk-dialog-header .bk-header-icon .bk-info-icon.warning {
   color: #ff9c01;
 }
-.bk-modal-wrapper.bk-dialog-wrapper .bk-dialog-header .bk-header-icon .bk-info-icon.danger {
+.bk-dialog-wrapper .bk-modal-wrapper .bk-dialog-header .bk-header-icon .bk-info-icon.danger {
   color: #ea3636;
 }
-.bk-modal-wrapper.bk-dialog-wrapper .bk-dialog-header .bk-dialog-title {
+.bk-dialog-wrapper .bk-modal-wrapper .bk-dialog-header .bk-dialog-title {
   display: inline-block;
   width: 100%;
   overflow: hidden;
@@ -128,7 +154,7 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.bk-modal-wrapper.bk-dialog-wrapper .bk-modal-content {
+.bk-dialog-wrapper .bk-modal-wrapper .bk-modal-content {
   height: calc(100% - 79px);
   max-height: calc(100vh - 300px);
   min-height: 141px;
@@ -137,19 +163,19 @@
   line-height: 1.5;
   color: #63656e;
 }
-.bk-modal-wrapper.bk-dialog-wrapper.fullscreen .bk-modal-content {
+.bk-dialog-wrapper .bk-modal-wrapper.fullscreen .bk-modal-content {
   max-height: calc(100vh - 137px);
 }
-.bk-modal-wrapper.bk-dialog-wrapper.fullscreen.no-footer {
+.bk-dialog-wrapper .bk-modal-wrapper.fullscreen.no-footer {
   max-height: calc(100vh - 79px);
 }
-.bk-modal-wrapper.bk-dialog-wrapper .bk-modal-body {
+.bk-dialog-wrapper .bk-modal-wrapper .bk-modal-body {
   padding-bottom: 48px;
 }
-.bk-modal-wrapper.bk-dialog-wrapper.no-footer .bk-modal-body {
+.bk-dialog-wrapper .bk-modal-wrapper.no-footer .bk-modal-body {
   padding-bottom: 0;
 }
-.bk-modal-wrapper.bk-dialog-wrapper .bk-modal-footer {
+.bk-dialog-wrapper .bk-modal-wrapper .bk-modal-footer {
   position: absolute;
   right: 0;
   bottom: 0;
@@ -160,17 +186,17 @@
   border-top: 1px solid #dcdee5;
   border-radius: 2px;
 }
-.bk-modal-wrapper.bk-dialog-wrapper .bk-modal-footer .bk-dialog-perv {
+.bk-dialog-wrapper .bk-modal-wrapper .bk-modal-footer .bk-dialog-perv {
   float: left;
   margin-right: 8px;
 }
-.bk-modal-wrapper.bk-dialog-wrapper .bk-modal-footer .bk-dialog-next {
+.bk-dialog-wrapper .bk-modal-wrapper .bk-modal-footer .bk-dialog-next {
   float: left;
 }
-.bk-modal-wrapper.bk-dialog-wrapper .bk-modal-footer .bk-dialog-cancel {
+.bk-dialog-wrapper .bk-modal-wrapper .bk-modal-footer .bk-dialog-cancel {
   margin-left: 8px;
 }
-.bk-modal-wrapper.bk-dialog-wrapper .bk-modal-close {
+.bk-dialog-wrapper .bk-modal-wrapper .bk-modal-close {
   position: absolute;
   top: 4px;
   right: 4px;
@@ -178,6 +204,6 @@
   color: #c4c6cc;
   cursor: pointer;
 }
-.bk-modal-wrapper.bk-dialog-wrapper .bk-modal-close:hover {
+.bk-dialog-wrapper .bk-modal-wrapper .bk-modal-close:hover {
   color: #979ba5;
 }

package/lib/dialog/dialog.d.ts

@@ -94,9 +94,7 @@ declare const _default: import("vue").DefineComponent<{
     transfer: import("vue-types").VueTypeDef<string | boolean | HTMLElement> & {
         default: string | boolean | (() => HTMLElement);
     };
-    zIndex: import("vue-types").VueTypeDef<string | number> & {
-        default: string | number;
-    };
+    zIndex: import("vue-types").VueTypeDef<string | number>;
     maxHeight: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
     };
@@ -117,7 +115,13 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: boolean;
     };
-    infoType: import("vue-types").VueTypeDef<"loading" | "success" | "warning" | "danger">;
+    infoType: import("vue-types").VueTypeDef<"success" | "warning" | "danger" | "primary">;
+    left: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    };
+    top: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    };
 }, {
     data: {
         positionX: number;
@@ -236,9 +240,7 @@ declare const _default: import("vue").DefineComponent<{
     transfer: import("vue-types").VueTypeDef<string | boolean | HTMLElement> & {
         default: string | boolean | (() => HTMLElement);
     };
-    zIndex: import("vue-types").VueTypeDef<string | number> & {
-        default: string | number;
-    };
+    zIndex: import("vue-types").VueTypeDef<string | number>;
     maxHeight: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
     };
@@ -259,7 +261,13 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: boolean;
     };
-    infoType: import("vue-types").VueTypeDef<"loading" | "success" | "warning" | "danger">;
+    infoType: import("vue-types").VueTypeDef<"success" | "warning" | "danger" | "primary">;
+    left: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    };
+    top: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    };
 }>> & {
     onConfirm?: (...args: any[]) => any;
     onPrev?: (...args: any[]) => any;
@@ -273,21 +281,22 @@ declare const _default: import("vue").DefineComponent<{
     height: string | number;
     maxHeight: string;
     extCls: string | unknown[];
+    top: string;
+    left: string;
     isShow: boolean;
     theme: "success" | "warning" | "danger" | "primary";
-    zIndex: string | number;
     draggable: boolean;
     transfer: string | boolean | HTMLElement;
-    showMask: boolean;
-    multiInstance: boolean;
     direction: string;
     renderDirective: "show" | "if";
     quickClose: boolean;
     scrollable: boolean;
+    showMask: boolean;
     closeIcon: boolean;
     escClose: boolean;
     fullscreen: boolean;
     animateType: string;
+    multiInstance: boolean;
     confirmText: string;
     cancelText: string;
     prevText: string;

package/lib/dialog/dialog.less

@@ -1,8 +1,8 @@
 @import '../styles/themes/themes.less';
 @import '../modal/modal.less';
 
-.@{bk-prefix}-modal-wrapper {
-  &.@{bk-prefix}-dialog-wrapper {
+.@{bk-prefix}-dialog-wrapper {
+  .@{bk-prefix}-modal-wrapper {
     position: relative;
 
     * {

package/lib/dialog/dialog.variable.css

@@ -124,45 +124,70 @@
   --search-select-message-color: var(--danger-color);
   --search-select-menu-border-color: var(--disable-color);
 }
-.bk-modal-wrapper.bk-info-wrapper {
+.bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper {
   width: 440px;
 }
-.bk-modal-wrapper.bk-info-wrapper.normal {
+.bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper.normal {
   width: 440px;
 }
-.bk-modal-wrapper.bk-info-wrapper.small {
+.bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper.small {
   width: 400px;
 }
-.bk-modal-wrapper.bk-info-wrapper .bk-modal-body {
+.bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper .bk-modal-body {
   border-radius: 2px;
 }
-.bk-modal-wrapper.bk-info-wrapper .bk-dialog-header {
+.bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper .bk-dialog-header {
   padding: 24px 24px 0;
 }
-.bk-modal-wrapper.bk-info-wrapper .bk-dialog-header .bk-dialog-title {
+.bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper .bk-dialog-header .bk-dialog-title {
   height: 27px;
   margin: 15px 0 10px;
 }
-.bk-modal-wrapper.bk-info-wrapper .bk-modal-content {
+.bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper .bk-modal-content {
   height: 100%;
   max-height: 100%;
   min-height: 100%;
   padding: 0 50px 10px;
   word-break: break-all;
 }
-.bk-modal-wrapper.bk-info-wrapper .bk-modal-content .bk-info-sub-title {
+.bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper .bk-modal-content .bk-info-sub-title {
   margin-bottom: 10px;
   text-align: center;
   word-break: break-all;
 }
-.bk-modal-wrapper.bk-info-wrapper .bk-modal-footer {
+.bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper .bk-modal-footer {
   padding: 0 65px 33px;
   background-color: #fff;
   border-top: none;
 }
-.bk-modal-wrapper.bk-info-wrapper .bk-modal-footer .bk-dialog-footer button {
+.bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper .bk-modal-footer .bk-dialog-footer button {
   min-width: 88px;
 }
+.bk-modal-ctx {
+  pointer-events: auto;
+  top: 0px;
+  left: 0px;
+  width: 100%;
+  height: 100%;
+}
+.bk-modal-ctx.--show {
+  position: fixed;
+}
+.bk-modal-ctx.--hide {
+  display: none;
+}
+.bk-modal-ctx .bk-modal-ctx-mask {
+  display: none;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  background-color: rgba(0, 0, 0, 0.6);
+}
+.bk-modal-ctx .bk-modal-ctx-mask.--show {
+  position: fixed;
+  display: inherit;
+}
 .bk-modal-wrapper {
   position: absolute;
   top: 50%;
@@ -196,57 +221,58 @@
 }
 .bk-modal-wrapper .bk-modal-body {
   height: 100%;
+  width: 100%;
   background: #fff;
   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
 }
-.bk-modal-wrapper.bk-dialog-wrapper {
+.bk-dialog-wrapper .bk-modal-wrapper {
   position: relative;
 }
-.bk-modal-wrapper.bk-dialog-wrapper * {
+.bk-dialog-wrapper .bk-modal-wrapper * {
   box-sizing: border-box;
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
-.bk-modal-wrapper.bk-dialog-wrapper.scroll-able .bk-modal-content {
+.bk-dialog-wrapper .bk-modal-wrapper.scroll-able .bk-modal-content {
   overflow: auto;
 }
-.bk-modal-wrapper.bk-dialog-wrapper.multi-instance {
+.bk-dialog-wrapper .bk-modal-wrapper.multi-instance {
   position: absolute;
 }
-.bk-modal-wrapper.bk-dialog-wrapper .bk-dialog-tool {
+.bk-dialog-wrapper .bk-modal-wrapper .bk-dialog-tool {
   position: absolute;
   top: 0;
   right: 0;
   left: 0;
   height: 18px;
 }
-.bk-modal-wrapper.bk-dialog-wrapper .move {
+.bk-dialog-wrapper .bk-modal-wrapper .move {
   cursor: move;
 }
-.bk-modal-wrapper.bk-dialog-wrapper .content-dragging {
+.bk-dialog-wrapper .bk-modal-wrapper .content-dragging {
   user-select: none;
 }
-.bk-modal-wrapper.bk-dialog-wrapper .bk-dialog-header {
+.bk-dialog-wrapper .bk-modal-wrapper .bk-dialog-header {
   padding: 16px 24px 12px;
   font-size: 20px;
   line-height: 1;
 }
-.bk-modal-wrapper.bk-dialog-wrapper .bk-dialog-header .bk-header-icon {
+.bk-dialog-wrapper .bk-modal-wrapper .bk-dialog-header .bk-header-icon {
   text-align: center;
 }
-.bk-modal-wrapper.bk-dialog-wrapper .bk-dialog-header .bk-header-icon .bk-info-icon {
+.bk-dialog-wrapper .bk-modal-wrapper .bk-dialog-header .bk-header-icon .bk-info-icon {
   display: inline-block;
   font-size: 48px;
 }
-.bk-modal-wrapper.bk-dialog-wrapper .bk-dialog-header .bk-header-icon .bk-info-icon.success {
+.bk-dialog-wrapper .bk-modal-wrapper .bk-dialog-header .bk-header-icon .bk-info-icon.success {
   color: #2dcb56;
 }
-.bk-modal-wrapper.bk-dialog-wrapper .bk-dialog-header .bk-header-icon .bk-info-icon.warning {
+.bk-dialog-wrapper .bk-modal-wrapper .bk-dialog-header .bk-header-icon .bk-info-icon.warning {
   color: #ff9c01;
 }
-.bk-modal-wrapper.bk-dialog-wrapper .bk-dialog-header .bk-header-icon .bk-info-icon.danger {
+.bk-dialog-wrapper .bk-modal-wrapper .bk-dialog-header .bk-header-icon .bk-info-icon.danger {
   color: #ea3636;
 }
-.bk-modal-wrapper.bk-dialog-wrapper .bk-dialog-header .bk-dialog-title {
+.bk-dialog-wrapper .bk-modal-wrapper .bk-dialog-header .bk-dialog-title {
   display: inline-block;
   width: 100%;
   overflow: hidden;
@@ -254,7 +280,7 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.bk-modal-wrapper.bk-dialog-wrapper .bk-modal-content {
+.bk-dialog-wrapper .bk-modal-wrapper .bk-modal-content {
   height: calc(100% - 79px);
   max-height: calc(100vh - 300px);
   min-height: 141px;
@@ -263,19 +289,19 @@
   line-height: 1.5;
   color: #63656e;
 }
-.bk-modal-wrapper.bk-dialog-wrapper.fullscreen .bk-modal-content {
+.bk-dialog-wrapper .bk-modal-wrapper.fullscreen .bk-modal-content {
   max-height: calc(100vh - 137px);
 }
-.bk-modal-wrapper.bk-dialog-wrapper.fullscreen.no-footer {
+.bk-dialog-wrapper .bk-modal-wrapper.fullscreen.no-footer {
   max-height: calc(100vh - 79px);
 }
-.bk-modal-wrapper.bk-dialog-wrapper .bk-modal-body {
+.bk-dialog-wrapper .bk-modal-wrapper .bk-modal-body {
   padding-bottom: 48px;
 }
-.bk-modal-wrapper.bk-dialog-wrapper.no-footer .bk-modal-body {
+.bk-dialog-wrapper .bk-modal-wrapper.no-footer .bk-modal-body {
   padding-bottom: 0;
 }
-.bk-modal-wrapper.bk-dialog-wrapper .bk-modal-footer {
+.bk-dialog-wrapper .bk-modal-wrapper .bk-modal-footer {
   position: absolute;
   right: 0;
   bottom: 0;
@@ -286,17 +312,17 @@
   border-top: 1px solid #dcdee5;
   border-radius: 2px;
 }
-.bk-modal-wrapper.bk-dialog-wrapper .bk-modal-footer .bk-dialog-perv {
+.bk-dialog-wrapper .bk-modal-wrapper .bk-modal-footer .bk-dialog-perv {
   float: left;
   margin-right: 8px;
 }
-.bk-modal-wrapper.bk-dialog-wrapper .bk-modal-footer .bk-dialog-next {
+.bk-dialog-wrapper .bk-modal-wrapper .bk-modal-footer .bk-dialog-next {
   float: left;
 }
-.bk-modal-wrapper.bk-dialog-wrapper .bk-modal-footer .bk-dialog-cancel {
+.bk-dialog-wrapper .bk-modal-wrapper .bk-modal-footer .bk-dialog-cancel {
   margin-left: 8px;
 }
-.bk-modal-wrapper.bk-dialog-wrapper .bk-modal-close {
+.bk-dialog-wrapper .bk-modal-wrapper .bk-modal-close {
   position: absolute;
   top: 4px;
   right: 4px;
@@ -304,6 +330,6 @@
   color: #c4c6cc;
   cursor: pointer;
 }
-.bk-modal-wrapper.bk-dialog-wrapper .bk-modal-close:hover {
+.bk-dialog-wrapper .bk-modal-wrapper .bk-modal-close:hover {
   color: #979ba5;
 }