element-sim 1.1.12 → 1.1.13

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.
Files changed (7) hide show
  1. package/CHANGELOG.zh-CN.md +4 -0
  2. package/lib/theme-chalk/index.css +1 -1
  3. package/lib/theme-chalk/message.css +1 -1
  4. package/package.json +1 -1
  5. package/packages/theme-chalk/lib/index.css +1 -1
  6. package/packages/theme-chalk/lib/message.css +1 -1
  7. package/packages/theme-chalk/src/message.scss +8 -7
package/packages/theme-chalk/lib/message.css CHANGED
@@ -1 +1 @@
1
- .el-message{min-width:380px;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:4px;border-width:1px;border-style:solid;border-color:#F2F3F5;position:fixed;left:50%;top:20px;-webkit-transform:translateX(-50%);transform:translateX(-50%);background-color:#edf2fc;-webkit-transition:opacity .3s,top .4s,-webkit-transform .4s;transition:opacity .3s,top .4s,-webkit-transform .4s;transition:opacity .3s,transform .4s,top .4s;transition:opacity .3s,transform .4s,top .4s,-webkit-transform .4s;overflow:hidden;padding:15px 15px 15px 20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.el-message.is-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.el-message.is-closable .el-message__content{padding-right:16px}.el-message p{margin:0}.el-message--info .el-message__content{color:#6B7785}.el-message--success{background-color:#e6f8ea;border-color:#ccf0d4}.el-message--success .el-message__content{color:#00B42A}.el-message--warning{background-color:#fff2e6;border-color:#ffe5cc}.el-message--warning .el-message__content{color:#FF7D00}.el-message--error{background-color:#feecec;border-color:#fdd9d9}.el-message--error .el-message__content{color:#F53F3F}.el-message__icon{margin-right:10px}.el-message__content{padding:0;font-size:14px;line-height:1}.el-message__content:focus{outline-width:0}.el-message__closeBtn{position:absolute;top:50%;right:15px;-webkit-transform:translateY(-50%);transform:translateY(-50%);cursor:pointer;color:#A9AEB8;font-size:16px}.el-message__closeBtn:focus{outline-width:0}.el-message__closeBtn:hover{color:#6B7785}.el-message .el-icon-success{color:#00B42A}.el-message .el-icon-error{color:#F53F3F}.el-message .el-icon-info{color:#6B7785}.el-message .el-icon-warning{color:#FF7D00}.el-message-fade-enter,.el-message-fade-leave-active{opacity:0;-webkit-transform:translate(-50%,-100%);transform:translate(-50%,-100%)}
1
+ .el-message__closeBtn:focus,.el-message__content:focus{outline-width:0}.el-message{min-width:380px;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:4px;border-width:1px;border-style:solid;border-color:#F2F3F5;position:fixed;left:50%;top:96px;-webkit-transform:translateX(-50%);transform:translateX(-50%);background-color:#edf2fc;-webkit-transition:opacity .3s,top .4s,-webkit-transform .4s;transition:opacity .3s,top .4s,-webkit-transform .4s;transition:opacity .3s,transform .4s,top .4s;transition:opacity .3s,transform .4s,top .4s,-webkit-transform .4s;overflow:hidden;padding:15px 15px 15px 20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-shadow:0 12px 48px 16px rgba(0,0,0,.03),0 9px 28px 0 rgba(0,0,0,.05),0 6px 16px -8px rgba(0,0,0,.08);box-shadow:0 12px 48px 16px rgba(0,0,0,.03),0 9px 28px 0 rgba(0,0,0,.05),0 6px 16px -8px rgba(0,0,0,.08)}.el-message--error,.el-message--success,.el-message--warning{background-color:#edf2fc;border-color:#edf2fc}.el-message.is-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.el-message.is-closable .el-message__content{padding-right:16px}.el-message p{margin:0}.el-message--info .el-message__content{color:#6B7785}.el-message--success .el-message__content{color:#00B42A}.el-message--warning .el-message__content{color:#FF7D00}.el-message--error .el-message__content{color:#F53F3F}.el-message__icon{margin-right:10px}.el-message__content{padding:0;font-size:14px;line-height:1}.el-message__closeBtn{position:absolute;top:50%;right:15px;-webkit-transform:translateY(-50%);transform:translateY(-50%);cursor:pointer;color:#A9AEB8;font-size:16px}.el-message__closeBtn:hover{color:#6B7785}.el-message .el-icon-success{color:#00B42A}.el-message .el-icon-error{color:#F53F3F}.el-message .el-icon-info{color:#6B7785}.el-message .el-icon-warning{color:#FF7D00}.el-message-fade-enter,.el-message-fade-leave-active{opacity:0;-webkit-transform:translate(-50%,-100%);transform:translate(-50%,-100%)}
package/packages/theme-chalk/src/message.scss CHANGED
@@ -10,7 +10,7 @@
10
10
  border-color: $--border-color-lighter;
11
11
  position: fixed;
12
12
  left: 50%;
13
- top: 20px;
13
+ top: 96px;
14
14
  transform: translateX(-50%);
15
15
  background-color: $--message-background-color;
16
16
  transition: opacity 0.3s, transform .4s, top 0.4s;
@@ -18,6 +18,7 @@
18
18
  padding: $--message-padding;
19
19
  display: flex;
20
20
  align-items: center;
21
+ 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);
21
22
 
22
23
  @include when(center) {
23
24
  justify-content: center;
@@ -40,8 +41,8 @@
40
41
  }
41
42
 
42
43
  @include m(success) {
43
- background-color: $--color-success-lighter;
44
- border-color: $--color-success-light;
44
+ background-color: $--message-background-color;
45
+ border-color: $--message-background-color;
45
46
 
46
47
  .el-message__content {
47
48
  color: $--message-success-font-color;
@@ -49,8 +50,8 @@
49
50
  }
50
51
 
51
52
  @include m(warning) {
52
- background-color: $--color-warning-lighter;
53
- border-color: $--color-warning-light;
53
+ background-color: $--message-background-color;
54
+ border-color: $--message-background-color;
54
55
 
55
56
  .el-message__content {
56
57
  color: $--message-warning-font-color;
@@ -58,8 +59,8 @@
58
59
  }
59
60
 
60
61
  @include m(error) {
61
- background-color: $--color-danger-lighter;
62
- border-color: $--color-danger-light;
62
+ background-color: $--message-background-color;
63
+ border-color: $--message-background-color;
63
64
 
64
65
  .el-message__content {
65
66
  color: $--message-danger-font-color;