Skip to content

S
style_tool
Commit 4fe5ccc4 authored by 刘安琪's avatar 刘安琪
Browse files
Options

统一修改scrollbar

parent 2df56144
Hide whitespace changes
Inline Side-by-side
Showing with 114 additions and 114 deletions
node_module/element-theme-chalk/src/scrollbar.scss
View file @ 4fe5ccc4
......@@ -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
View file @ 4fe5ccc4
......@@ -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
View file @ 4fe5ccc4
......@@ -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
View file @ 4fe5ccc4
......@@ -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
View file @ 4fe5ccc4
......@@ -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
View file @ 4fe5ccc4
......@@ -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
View file @ 4fe5ccc4
......@@ -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
View file @ 4fe5ccc4
......@@ -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
View file @ 4fe5ccc4
......@@ -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
View file @ 4fe5ccc4
......@@ -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
View file @ 4fe5ccc4
......@@ -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%; }
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment