element-theme-zero - npm Package Compare versions

Comparing version 0.0.16 to 0.0.17

lib/page-container.css

+.el-page-container{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;height:100vh;background:#F5F7FA}.el-page-container__header{display:-webkit-box;display:-ms-flexbox;display:flex;height:50px!important;line-height:50px;background:#fff;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04);box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04)}.el-page-container__header .title{height:50px;margin:0;font-size:18px;line-height:50px;color:#303133}.el-page-container__header .left{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;margin-right:40px;cursor:pointer}.el-page-container__header .left::after{position:absolute;top:50%;right:-20px;width:1px;height:16px;content:'';background-color:#DCDFE6;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.el-page-container__header .left .el-icon-back{-ms-flex-item-align:center;align-self:center;margin-right:6px;font-size:18px}.el-page-container__header .left .back{font-size:14px;font-weight:500}.el-page-container__body{padding:20px;margin:20px;background:#fff}.el-page-container__footer{height:50px!important;line-height:50px;background:#fff;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04);box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04)}

lib/query-box.css

+.el-query-box{-ms-flex-negative:0;flex-shrink:0;margin-bottom:-22px;overflow:hidden;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.el-query-box--mini,.el-query-box--small{margin-bottom:-18px}.el-query-box.collapse{height:62px!important}.el-query-box--medium.collapse{height:58px!important}.el-query-box--small.collapse{height:50px!important}.el-query-box--mini.collapse{height:47px!important}.el-query-box .button-wrapper .collapse-button{margin-left:10px;font-weight:700;color:#1b65b9;vertical-align:middle;cursor:pointer}

lib/query-table.css

+.el-query-table{height:100%}.el-query-table .action-wrapper /deep/ .el-button,.el-query-table .action-wrapper /deep/ button{margin-top:20px}.el-query-table .action-wrapper:first-child /deep/ .el-button,.el-query-table .action-wrapper:first-child /deep/ button{margin-top:0}.el-query-table .table-wrapper{padding:0;margin:20px 0}.el-query-table .table-wrapper:first-child{margin-top:0}

src/page-container.scss

+@import 'mixins/mixins';
+@import 'common/var';
+
+@include b(page-container) {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  height: 100vh;
+  background: $--background-color-base;
+
+  @include e(header) {
+    display: flex;
+    height: 50px !important;
+    line-height: 50px;
+    background: #fff;
+    box-shadow: $--box-shadow-base;
+
+    .title {
+      height: 50px;
+      margin: 0;
+      font-size: 18px;
+      line-height: 50px;
+      color: #303133;
+    }
+
+    .left {
+      position: relative;
+      display: flex;
+      margin-right: 40px;
+      cursor: pointer;
+
+      &::after {
+        position: absolute;
+        top: 50%;
+        right: -20px;
+        width: 1px;
+        height: 16px;
+        content: '';
+        background-color: $--border-color-base;
+        transform: translateY(-50%);
+      }
+
+      .el-icon-back {
+        align-self: center;
+        margin-right: 6px;
+        font-size: 18px;
+      }
+
+      .back {
+        font-size: 14px;
+        font-weight: 500;
+      }
+    }
+  }
+
+  @include e(body) {
+    padding: 20px;
+    margin: 20px;
+    background: #fff;
+  }
+
+  @include e(footer) {
+    height: 50px !important;
+    line-height: 50px;
+    background: #fff;
+    box-shadow: $--box-shadow-base;
+  }
+}

src/query-box.scss

+@import 'mixins/mixins';
+@import 'common/var';
+
+@include b(query-box) {
+  flex-shrink: 0;
+  margin-bottom: -22px;
+  overflow: hidden;
+  transition: all 0.3s ease-in-out;
+
+  &.collapse {
+    height: 62px !important;
+  }
+
+  @include m(medium) {
+    &.collapse {
+      height: 58px !important;
+    }
+  }
+
+  @include m(small) {
+    margin-bottom: -18px;
+    &.collapse {
+      height: 50px !important;
+    }
+  }
+
+  @include m(mini) {
+    margin-bottom: -18px;
+    &.collapse {
+      height: 47px !important;
+    }
+  }
+
+  .button-wrapper {
+    .collapse-button {
+      margin-left: 10px;
+      font-weight: 700;
+      color: #1b65b9;
+      vertical-align: middle;
+      cursor: pointer;
+    }
+  }
+}

src/query-table.scss

+@import 'mixins/mixins';
+@import 'common/var';
+
+@include b(query-table) {
+  height: 100%;
+
+  .action-wrapper {
+    /deep/ .el-button,
+    /deep/ button {
+      margin-top: 20px;
+    }
+    &:first-child {
+      /deep/ .el-button,
+      /deep/ button {
+        margin-top: 0;
+      }
+    }
+  }
+
+  .table-wrapper {
+    padding: 0;
+    margin: 20px 0;
+    &:first-child {
+      margin-top: 0;
+    }
+  }
+}

package.json

 {
   "name": "element-theme-zero",
-  "version": "0.0.16",
+  "version": "0.0.17",
   "description": "Element component chalk theme.",
@@ -5,0 +5,0 @@ "main": "lib/index.css",

src/index.scss

@@ -84,1 +84,4 @@ @import "./base.scss";
 @import "./pagination-select.scss";
+@import "./page-container.scss";
+@import "./query-table.scss";
+@import "./query-box.scss";

Fixed alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

1232338

0.58%

Number of package files

214

2.88%

Number of medium supply chain risk alerts

1

-50%

No dependency changes