统一修改scrollbar

node_module/element-theme-chalk/src/scrollbar.scss

@@ -44,16 +44,16 @@
 
   @include e(bar) {
     position: absolute;
-    right: 2px;
-    bottom: 2px;
+    right: 4px;
+    bottom: 4px;
     z-index: 1;
     border-radius: 4px;
     opacity: 0;
     transition: opacity 120ms ease-out;
 
     @include when(vertical) {
-      width: 6px;
-      top: 2px;
+      width: 4px;
+      top: 4px;
 
       > div {
         width: 100%;
@@ -61,8 +61,8 @@
     }
 
     @include when(horizontal) {
-      height: 6px;
-      left: 2px;
+      height: 4px;
+      left: 8px;
 
       > div {
         height: 100%;

theme/autocomplete.css

@@ -1110,21 +1110,21 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
       background-color: rgba(153, 153, 153, 0.5); }
   .el-scrollbar__bar {
     position: absolute;
-    right: 2px;
-    bottom: 2px;
+    right: 4px;
+    bottom: 4px;
     z-index: 1;
     border-radius: 4px;
     opacity: 0;
     -webkit-transition: opacity 120ms ease-out;
     transition: opacity 120ms ease-out; }
     .el-scrollbar__bar.is-vertical {
-      width: 6px;
-      top: 2px; }
+      width: 4px;
+      top: 4px; }
       .el-scrollbar__bar.is-vertical > div {
         width: 100%; }
     .el-scrollbar__bar.is-horizontal {
-      height: 6px;
-      left: 2px; }
+      height: 4px;
+      left: 8px; }
       .el-scrollbar__bar.is-horizontal > div {
         height: 100%; }
 

theme/cascader-panel.css

@@ -1749,21 +1749,21 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
       background-color: rgba(153, 153, 153, 0.5); }
   .el-scrollbar__bar {
     position: absolute;
-    right: 2px;
-    bottom: 2px;
+    right: 4px;
+    bottom: 4px;
     z-index: 1;
     border-radius: 4px;
     opacity: 0;
     -webkit-transition: opacity 120ms ease-out;
     transition: opacity 120ms ease-out; }
     .el-scrollbar__bar.is-vertical {
-      width: 6px;
-      top: 2px; }
+      width: 4px;
+      top: 4px; }
       .el-scrollbar__bar.is-vertical > div {
         width: 100%; }
     .el-scrollbar__bar.is-horizontal {
-      height: 6px;
-      left: 2px; }
+      height: 4px;
+      left: 8px; }
       .el-scrollbar__bar.is-horizontal > div {
         height: 100%; }
 

theme/cascader.css

@@ -3378,21 +3378,21 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
       background-color: rgba(153, 153, 153, 0.5); }
   .el-scrollbar__bar {
     position: absolute;
-    right: 2px;
-    bottom: 2px;
+    right: 4px;
+    bottom: 4px;
     z-index: 1;
     border-radius: 4px;
     opacity: 0;
     -webkit-transition: opacity 120ms ease-out;
     transition: opacity 120ms ease-out; }
     .el-scrollbar__bar.is-vertical {
-      width: 6px;
-      top: 2px; }
+      width: 4px;
+      top: 4px; }
       .el-scrollbar__bar.is-vertical > div {
         width: 100%; }
     .el-scrollbar__bar.is-horizontal {
-      height: 6px;
-      left: 2px; }
+      height: 4px;
+      left: 8px; }
       .el-scrollbar__bar.is-horizontal > div {
         height: 100%; }
 

theme/date-picker.css

@@ -3482,21 +3482,21 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
       background-color: rgba(153, 153, 153, 0.5); }
   .el-scrollbar__bar {
     position: absolute;
-    right: 2px;
-    bottom: 2px;
+    right: 4px;
+    bottom: 4px;
     z-index: 1;
     border-radius: 4px;
     opacity: 0;
     -webkit-transition: opacity 120ms ease-out;
     transition: opacity 120ms ease-out; }
     .el-scrollbar__bar.is-vertical {
-      width: 6px;
-      top: 2px; }
+      width: 4px;
+      top: 4px; }
       .el-scrollbar__bar.is-vertical > div {
         width: 100%; }
     .el-scrollbar__bar.is-horizontal {
-      height: 6px;
-      left: 2px; }
+      height: 4px;
+      left: 8px; }
       .el-scrollbar__bar.is-horizontal > div {
         height: 100%; }
 

theme/index.css

@@ -4334,21 +4334,21 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
       background-color: rgba(153, 153, 153, 0.5); }
   .el-scrollbar__bar {
     position: absolute;
-    right: 2px;
-    bottom: 2px;
+    right: 4px;
+    bottom: 4px;
     z-index: 1;
     border-radius: 4px;
     opacity: 0;
     -webkit-transition: opacity 120ms ease-out;
     transition: opacity 120ms ease-out; }
     .el-scrollbar__bar.is-vertical {
-      width: 6px;
-      top: 2px; }
+      width: 4px;
+      top: 4px; }
       .el-scrollbar__bar.is-vertical > div {
         width: 100%; }
     .el-scrollbar__bar.is-horizontal {
-      height: 6px;
-      left: 2px; }
+      height: 4px;
+      left: 8px; }
       .el-scrollbar__bar.is-horizontal > div {
         height: 100%; }
 
@@ -6449,21 +6449,21 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
       background-color: rgba(153, 153, 153, 0.5); }
   .el-scrollbar__bar {
     position: absolute;
-    right: 2px;
-    bottom: 2px;
+    right: 4px;
+    bottom: 4px;
     z-index: 1;
     border-radius: 4px;
     opacity: 0;
     -webkit-transition: opacity 120ms ease-out;
     transition: opacity 120ms ease-out; }
     .el-scrollbar__bar.is-vertical {
-      width: 6px;
-      top: 2px; }
+      width: 4px;
+      top: 4px; }
       .el-scrollbar__bar.is-vertical > div {
         width: 100%; }
     .el-scrollbar__bar.is-horizontal {
-      height: 6px;
-      left: 2px; }
+      height: 4px;
+      left: 8px; }
       .el-scrollbar__bar.is-horizontal > div {
         height: 100%; }
 
@@ -15697,21 +15697,21 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
       background-color: rgba(153, 153, 153, 0.5); }
   .el-scrollbar__bar {
     position: absolute;
-    right: 2px;
-    bottom: 2px;
+    right: 4px;
+    bottom: 4px;
     z-index: 1;
     border-radius: 4px;
     opacity: 0;
     -webkit-transition: opacity 120ms ease-out;
     transition: opacity 120ms ease-out; }
     .el-scrollbar__bar.is-vertical {
-      width: 6px;
-      top: 2px; }
+      width: 4px;
+      top: 4px; }
       .el-scrollbar__bar.is-vertical > div {
         width: 100%; }
     .el-scrollbar__bar.is-horizontal {
-      height: 6px;
-      left: 2px; }
+      height: 4px;
+      left: 8px; }
       .el-scrollbar__bar.is-horizontal > div {
         height: 100%; }
 
@@ -23687,21 +23687,21 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
       background-color: rgba(153, 153, 153, 0.5); }
   .el-scrollbar__bar {
     position: absolute;
-    right: 2px;
-    bottom: 2px;
+    right: 4px;
+    bottom: 4px;
     z-index: 1;
     border-radius: 4px;
     opacity: 0;
     -webkit-transition: opacity 120ms ease-out;
     transition: opacity 120ms ease-out; }
     .el-scrollbar__bar.is-vertical {
-      width: 6px;
-      top: 2px; }
+      width: 4px;
+      top: 4px; }
       .el-scrollbar__bar.is-vertical > div {
         width: 100%; }
     .el-scrollbar__bar.is-horizontal {
-      height: 6px;
-      left: 2px; }
+      height: 4px;
+      left: 8px; }
       .el-scrollbar__bar.is-horizontal > div {
         height: 100%; }
 
@@ -25647,21 +25647,21 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
       background-color: rgba(153, 153, 153, 0.5); }
   .el-scrollbar__bar {
     position: absolute;
-    right: 2px;
-    bottom: 2px;
+    right: 4px;
+    bottom: 4px;
     z-index: 1;
     border-radius: 4px;
     opacity: 0;
     -webkit-transition: opacity 120ms ease-out;
     transition: opacity 120ms ease-out; }
     .el-scrollbar__bar.is-vertical {
-      width: 6px;
-      top: 2px; }
+      width: 4px;
+      top: 4px; }
       .el-scrollbar__bar.is-vertical > div {
         width: 100%; }
     .el-scrollbar__bar.is-horizontal {
-      height: 6px;
-      left: 2px; }
+      height: 4px;
+      left: 8px; }
       .el-scrollbar__bar.is-horizontal > div {
         height: 100%; }
 
@@ -28284,21 +28284,21 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
       background-color: rgba(153, 153, 153, 0.5); }
   .el-scrollbar__bar {
     position: absolute;
-    right: 2px;
-    bottom: 2px;
+    right: 4px;
+    bottom: 4px;
     z-index: 1;
     border-radius: 4px;
     opacity: 0;
     -webkit-transition: opacity 120ms ease-out;
     transition: opacity 120ms ease-out; }
     .el-scrollbar__bar.is-vertical {
-      width: 6px;
-      top: 2px; }
+      width: 4px;
+      top: 4px; }
       .el-scrollbar__bar.is-vertical > div {
         width: 100%; }
     .el-scrollbar__bar.is-horizontal {
-      height: 6px;
-      left: 2px; }
+      height: 4px;
+      left: 8px; }
       .el-scrollbar__bar.is-horizontal > div {
         height: 100%; }
 
@@ -44147,21 +44147,21 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
       background-color: rgba(153, 153, 153, 0.5); }
   .el-scrollbar__bar {
     position: absolute;
-    right: 2px;
-    bottom: 2px;
+    right: 4px;
+    bottom: 4px;
     z-index: 1;
     border-radius: 4px;
     opacity: 0;
     -webkit-transition: opacity 120ms ease-out;
     transition: opacity 120ms ease-out; }
     .el-scrollbar__bar.is-vertical {
-      width: 6px;
-      top: 2px; }
+      width: 4px;
+      top: 4px; }
       .el-scrollbar__bar.is-vertical > div {
         width: 100%; }
     .el-scrollbar__bar.is-horizontal {
-      height: 6px;
-      left: 2px; }
+      height: 4px;
+      left: 8px; }
       .el-scrollbar__bar.is-horizontal > div {
         height: 100%; }
 
@@ -48415,21 +48415,21 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
       background-color: rgba(153, 153, 153, 0.5); }
   .el-scrollbar__bar {
     position: absolute;
-    right: 2px;
-    bottom: 2px;
+    right: 4px;
+    bottom: 4px;
     z-index: 1;
     border-radius: 4px;
     opacity: 0;
     -webkit-transition: opacity 120ms ease-out;
     transition: opacity 120ms ease-out; }
     .el-scrollbar__bar.is-vertical {
-      width: 6px;
-      top: 2px; }
+      width: 4px;
+      top: 4px; }
       .el-scrollbar__bar.is-vertical > div {
         width: 100%; }
     .el-scrollbar__bar.is-horizontal {
-      height: 6px;
-      left: 2px; }
+      height: 4px;
+      left: 8px; }
       .el-scrollbar__bar.is-horizontal > div {
         height: 100%; }
 
@@ -57980,21 +57980,21 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
       background-color: rgba(153, 153, 153, 0.5); }
   .el-scrollbar__bar {
     position: absolute;
-    right: 2px;
-    bottom: 2px;
+    right: 4px;
+    bottom: 4px;
     z-index: 1;
     border-radius: 4px;
     opacity: 0;
     -webkit-transition: opacity 120ms ease-out;
     transition: opacity 120ms ease-out; }
     .el-scrollbar__bar.is-vertical {
-      width: 6px;
-      top: 2px; }
+      width: 4px;
+      top: 4px; }
       .el-scrollbar__bar.is-vertical > div {
         width: 100%; }
     .el-scrollbar__bar.is-horizontal {
-      height: 6px;
-      left: 2px; }
+      height: 4px;
+      left: 8px; }
       .el-scrollbar__bar.is-horizontal > div {
         height: 100%; }
 

theme/pagination.css

@@ -3074,21 +3074,21 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
       background-color: rgba(153, 153, 153, 0.5); }
   .el-scrollbar__bar {
     position: absolute;
-    right: 2px;
-    bottom: 2px;
+    right: 4px;
+    bottom: 4px;
     z-index: 1;
     border-radius: 4px;
     opacity: 0;
     -webkit-transition: opacity 120ms ease-out;
     transition: opacity 120ms ease-out; }
     .el-scrollbar__bar.is-vertical {
-      width: 6px;
-      top: 2px; }
+      width: 4px;
+      top: 4px; }
       .el-scrollbar__bar.is-vertical > div {
         width: 100%; }
     .el-scrollbar__bar.is-horizontal {
-      height: 6px;
-      left: 2px; }
+      height: 4px;
+      left: 8px; }
       .el-scrollbar__bar.is-horizontal > div {
         height: 100%; }
 

theme/scrollbar.css

@@ -291,20 +291,20 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
       background-color: rgba(153, 153, 153, 0.5); }
   .el-scrollbar__bar {
     position: absolute;
-    right: 2px;
-    bottom: 2px;
+    right: 4px;
+    bottom: 4px;
     z-index: 1;
     border-radius: 4px;
     opacity: 0;
     -webkit-transition: opacity 120ms ease-out;
     transition: opacity 120ms ease-out; }
     .el-scrollbar__bar.is-vertical {
-      width: 6px;
-      top: 2px; }
+      width: 4px;
+      top: 4px; }
       .el-scrollbar__bar.is-vertical > div {
         width: 100%; }
     .el-scrollbar__bar.is-horizontal {
-      height: 6px;
-      left: 2px; }
+      height: 4px;
+      left: 8px; }
       .el-scrollbar__bar.is-horizontal > div {
         height: 100%; }

theme/select.css

@@ -2810,21 +2810,21 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
       background-color: rgba(153, 153, 153, 0.5); }
   .el-scrollbar__bar {
     position: absolute;
-    right: 2px;
-    bottom: 2px;
+    right: 4px;
+    bottom: 4px;
     z-index: 1;
     border-radius: 4px;
     opacity: 0;
     -webkit-transition: opacity 120ms ease-out;
     transition: opacity 120ms ease-out; }
     .el-scrollbar__bar.is-vertical {
-      width: 6px;
-      top: 2px; }
+      width: 4px;
+      top: 4px; }
       .el-scrollbar__bar.is-vertical > div {
         width: 100%; }
     .el-scrollbar__bar.is-horizontal {
-      height: 6px;
-      left: 2px; }
+      height: 4px;
+      left: 8px; }
       .el-scrollbar__bar.is-horizontal > div {
         height: 100%; }
 

theme/time-picker.css

@@ -2258,21 +2258,21 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
       background-color: rgba(153, 153, 153, 0.5); }
   .el-scrollbar__bar {
     position: absolute;
-    right: 2px;
-    bottom: 2px;
+    right: 4px;
+    bottom: 4px;
     z-index: 1;
     border-radius: 4px;
     opacity: 0;
     -webkit-transition: opacity 120ms ease-out;
     transition: opacity 120ms ease-out; }
     .el-scrollbar__bar.is-vertical {
-      width: 6px;
-      top: 2px; }
+      width: 4px;
+      top: 4px; }
       .el-scrollbar__bar.is-vertical > div {
         width: 100%; }
     .el-scrollbar__bar.is-horizontal {
-      height: 6px;
-      left: 2px; }
+      height: 4px;
+      left: 8px; }
       .el-scrollbar__bar.is-horizontal > div {
         height: 100%; }
 

theme/time-select.css

@@ -1607,21 +1607,21 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
       background-color: rgba(153, 153, 153, 0.5); }
   .el-scrollbar__bar {
     position: absolute;
-    right: 2px;
-    bottom: 2px;
+    right: 4px;
+    bottom: 4px;
     z-index: 1;
     border-radius: 4px;
     opacity: 0;
     -webkit-transition: opacity 120ms ease-out;
     transition: opacity 120ms ease-out; }
     .el-scrollbar__bar.is-vertical {
-      width: 6px;
-      top: 2px; }
+      width: 4px;
+      top: 4px; }
       .el-scrollbar__bar.is-vertical > div {
         width: 100%; }
     .el-scrollbar__bar.is-horizontal {
-      height: 6px;
-      left: 2px; }
+      height: 4px;
+      left: 8px; }
       .el-scrollbar__bar.is-horizontal > div {
         height: 100%; }