element-sim 1.1.3 → 1.1.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.es.md +5 -1
- package/package.json +1 -1
- package/packages/message/src/main.js +1 -1
- package/packages/message/src/main.vue +1 -1
- package/packages/theme-chalk/src/common/var.scss +4 -4
- package/packages/theme-chalk/src/dialog.scss +9 -7
- package/packages/theme-chalk/src/message.scss +1 -1
package/CHANGELOG.es.md
CHANGED
package/package.json
CHANGED
|
@@ -33,7 +33,7 @@ const Message = function(options) {
|
|
|
33
33
|
}
|
|
34
34
|
instance.$mount();
|
|
35
35
|
document.body.appendChild(instance.$el);
|
|
36
|
-
let verticalOffset = options.offset ||
|
|
36
|
+
let verticalOffset = options.offset || 96;
|
|
37
37
|
instances.forEach(item => {
|
|
38
38
|
verticalOffset += item.$el.offsetHeight + 16;
|
|
39
39
|
});
|
|
@@ -347,7 +347,7 @@ $--messagebox-title-color: $--color-text-primary !default;
|
|
|
347
347
|
$--msgbox-width: 420px !default;
|
|
348
348
|
$--msgbox-border-radius: 4px !default;
|
|
349
349
|
/// fontSize||Font|1
|
|
350
|
-
$--messagebox-font-size: $--font-size-
|
|
350
|
+
$--messagebox-font-size: $--font-size-medium !default;
|
|
351
351
|
/// fontSize||Font|1
|
|
352
352
|
$--messagebox-content-font-size: $--font-size-base !default;
|
|
353
353
|
/// color||Color|0
|
|
@@ -615,15 +615,15 @@ $--switch-button-size: 16px !default;
|
|
|
615
615
|
/* Dialog
|
|
616
616
|
-------------------------- */
|
|
617
617
|
$--dialog-background-color: $--color-white !default;
|
|
618
|
-
$--dialog-box-shadow:
|
|
618
|
+
$--dialog-box-shadow: 0px 12px 48px 16px rgba(0,0,0,0.03), 0px 9px 28px 0px rgba(0,0,0,0.05), 0px 6px 16px -8px rgba(0,0,0,0.08) !default;
|
|
619
619
|
/// fontSize||Font|1
|
|
620
|
-
$--dialog-title-font-size: $--font-size-
|
|
620
|
+
$--dialog-title-font-size: $--font-size-medium !default;
|
|
621
621
|
/// fontSize||Font|1
|
|
622
622
|
$--dialog-content-font-size: 14px !default;
|
|
623
623
|
/// fontLineHeight||LineHeight|2
|
|
624
624
|
$--dialog-font-line-height: $--font-line-height-primary !default;
|
|
625
625
|
/// padding||Spacing|3
|
|
626
|
-
$--dialog-padding-primary:
|
|
626
|
+
$--dialog-padding-primary: 17px 16px !default;
|
|
627
627
|
|
|
628
628
|
/* Table
|
|
629
629
|
-------------------------- */
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
position: relative;
|
|
8
8
|
margin: 0 auto 50px;
|
|
9
9
|
background: $--dialog-background-color;
|
|
10
|
-
border-radius:
|
|
10
|
+
border-radius: 4px;
|
|
11
11
|
box-shadow: $--dialog-box-shadow;
|
|
12
12
|
box-sizing: border-box;
|
|
13
13
|
width: 50%;
|
|
@@ -32,14 +32,16 @@
|
|
|
32
32
|
|
|
33
33
|
@include e(header) {
|
|
34
34
|
padding: $--dialog-padding-primary;
|
|
35
|
-
|
|
35
|
+
border: 1px solid $--border-color-lighter;
|
|
36
|
+
position: relative;
|
|
36
37
|
}
|
|
37
38
|
|
|
38
39
|
@include e(headerbtn) {
|
|
39
40
|
position: absolute;
|
|
40
|
-
top:
|
|
41
|
-
right:
|
|
41
|
+
top: 50%;
|
|
42
|
+
right: 16px;
|
|
42
43
|
padding: 0;
|
|
44
|
+
transform: translateY(-50%);
|
|
43
45
|
background: transparent;
|
|
44
46
|
border: none;
|
|
45
47
|
outline: none;
|
|
@@ -60,12 +62,12 @@
|
|
|
60
62
|
@include e(title) {
|
|
61
63
|
line-height: $--dialog-font-line-height;
|
|
62
64
|
font-size: $--dialog-title-font-size;
|
|
63
|
-
color: $--color-
|
|
65
|
+
color: $--color-black;
|
|
64
66
|
}
|
|
65
67
|
|
|
66
68
|
@include e(body) {
|
|
67
|
-
padding:
|
|
68
|
-
color: $--color-text-
|
|
69
|
+
padding: 16px;
|
|
70
|
+
color: $--color-text-primary;
|
|
69
71
|
font-size: $--dialog-content-font-size;
|
|
70
72
|
word-break: break-all;
|
|
71
73
|
}
|