Skip to content

S
style_tool
Commit 0011e96f authored by luohua's avatar luohua
Browse files
Options

统一改样式

parent 9f52cb68
Hide whitespace changes
Inline Side-by-side
Showing with 48 additions and 35 deletions
node_module/element-theme-chalk/src/tooltip.scss
View file @ 0011e96f
...@@ -110,28 +110,29 @@ ...@@ -110,28 +110,29 @@
@include when(light) { @include when(light) {
background: $--tooltip-color; background: $--tooltip-color;
border: 1px solid $--tooltip-fill; border: 0px solid $--tooltip-fill;
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
&[x-placement^="top"] .popper__arrow { &[x-placement^="top"] .popper__arrow {
border-top-color: $--tooltip-fill; border-top-color: $--tooltip-color;
&::after { &::after {
border-top-color: $--tooltip-color; border-top-color: $--tooltip-color;
} }
} }
&[x-placement^="bottom"] .popper__arrow { &[x-placement^="bottom"] .popper__arrow {
border-bottom-color: $--tooltip-fill; border-bottom-color: $--tooltip-color;
&::after { &::after {
border-bottom-color: $--tooltip-color; border-bottom-color: $--tooltip-color;
} }
} }
&[x-placement^="left"] .popper__arrow { &[x-placement^="left"] .popper__arrow {
border-left-color: $--tooltip-fill; border-left-color: $--tooltip-color;
&::after { &::after {
border-left-color: $--tooltip-color; border-left-color: $--tooltip-color;
} }
} }
&[x-placement^="right"] .popper__arrow { &[x-placement^="right"] .popper__arrow {
border-right-color: $--tooltip-fill; border-right-color: $--tooltip-color;
&::after { &::after {
border-right-color: $--tooltip-color; border-right-color: $--tooltip-color;
} }
......
theme/index.css
View file @ 0011e96f
...@@ -18290,21 +18290,23 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/ ...@@ -18290,21 +18290,23 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
color: #FFFFFF; } color: #FFFFFF; }
.el-tooltip__popper.is-light { .el-tooltip__popper.is-light {
background: #FFFFFF; background: #FFFFFF;
border: 1px solid #333333; } border: 0px solid #333333;
-webkit-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1); }
.el-tooltip__popper.is-light[x-placement^="top"] .popper__arrow { .el-tooltip__popper.is-light[x-placement^="top"] .popper__arrow {
border-top-color: #333333; } border-top-color: #FFFFFF; }
.el-tooltip__popper.is-light[x-placement^="top"] .popper__arrow::after { .el-tooltip__popper.is-light[x-placement^="top"] .popper__arrow::after {
border-top-color: #FFFFFF; } border-top-color: #FFFFFF; }
.el-tooltip__popper.is-light[x-placement^="bottom"] .popper__arrow { .el-tooltip__popper.is-light[x-placement^="bottom"] .popper__arrow {
border-bottom-color: #333333; } border-bottom-color: #FFFFFF; }
.el-tooltip__popper.is-light[x-placement^="bottom"] .popper__arrow::after { .el-tooltip__popper.is-light[x-placement^="bottom"] .popper__arrow::after {
border-bottom-color: #FFFFFF; } border-bottom-color: #FFFFFF; }
.el-tooltip__popper.is-light[x-placement^="left"] .popper__arrow { .el-tooltip__popper.is-light[x-placement^="left"] .popper__arrow {
border-left-color: #333333; } border-left-color: #FFFFFF; }
.el-tooltip__popper.is-light[x-placement^="left"] .popper__arrow::after { .el-tooltip__popper.is-light[x-placement^="left"] .popper__arrow::after {
border-left-color: #FFFFFF; } border-left-color: #FFFFFF; }
.el-tooltip__popper.is-light[x-placement^="right"] .popper__arrow { .el-tooltip__popper.is-light[x-placement^="right"] .popper__arrow {
border-right-color: #333333; } border-right-color: #FFFFFF; }
.el-tooltip__popper.is-light[x-placement^="right"] .popper__arrow::after { .el-tooltip__popper.is-light[x-placement^="right"] .popper__arrow::after {
border-right-color: #FFFFFF; } border-right-color: #FFFFFF; }
...@@ -29650,21 +29652,23 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/ ...@@ -29650,21 +29652,23 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
color: #FFFFFF; } color: #FFFFFF; }
.el-tooltip__popper.is-light { .el-tooltip__popper.is-light {
background: #FFFFFF; background: #FFFFFF;
border: 1px solid #333333; } border: 0px solid #333333;
-webkit-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1); }
.el-tooltip__popper.is-light[x-placement^="top"] .popper__arrow { .el-tooltip__popper.is-light[x-placement^="top"] .popper__arrow {
border-top-color: #333333; } border-top-color: #FFFFFF; }
.el-tooltip__popper.is-light[x-placement^="top"] .popper__arrow::after { .el-tooltip__popper.is-light[x-placement^="top"] .popper__arrow::after {
border-top-color: #FFFFFF; } border-top-color: #FFFFFF; }
.el-tooltip__popper.is-light[x-placement^="bottom"] .popper__arrow { .el-tooltip__popper.is-light[x-placement^="bottom"] .popper__arrow {
border-bottom-color: #333333; } border-bottom-color: #FFFFFF; }
.el-tooltip__popper.is-light[x-placement^="bottom"] .popper__arrow::after { .el-tooltip__popper.is-light[x-placement^="bottom"] .popper__arrow::after {
border-bottom-color: #FFFFFF; } border-bottom-color: #FFFFFF; }
.el-tooltip__popper.is-light[x-placement^="left"] .popper__arrow { .el-tooltip__popper.is-light[x-placement^="left"] .popper__arrow {
border-left-color: #333333; } border-left-color: #FFFFFF; }
.el-tooltip__popper.is-light[x-placement^="left"] .popper__arrow::after { .el-tooltip__popper.is-light[x-placement^="left"] .popper__arrow::after {
border-left-color: #FFFFFF; } border-left-color: #FFFFFF; }
.el-tooltip__popper.is-light[x-placement^="right"] .popper__arrow { .el-tooltip__popper.is-light[x-placement^="right"] .popper__arrow {
border-right-color: #333333; } border-right-color: #FFFFFF; }
.el-tooltip__popper.is-light[x-placement^="right"] .popper__arrow::after { .el-tooltip__popper.is-light[x-placement^="right"] .popper__arrow::after {
border-right-color: #FFFFFF; } border-right-color: #FFFFFF; }
...@@ -37197,21 +37201,23 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/ ...@@ -37197,21 +37201,23 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
color: #FFFFFF; } color: #FFFFFF; }
.el-tooltip__popper.is-light { .el-tooltip__popper.is-light {
background: #FFFFFF; background: #FFFFFF;
border: 1px solid #333333; } border: 0px solid #333333;
-webkit-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1); }
.el-tooltip__popper.is-light[x-placement^="top"] .popper__arrow { .el-tooltip__popper.is-light[x-placement^="top"] .popper__arrow {
border-top-color: #333333; } border-top-color: #FFFFFF; }
.el-tooltip__popper.is-light[x-placement^="top"] .popper__arrow::after { .el-tooltip__popper.is-light[x-placement^="top"] .popper__arrow::after {
border-top-color: #FFFFFF; } border-top-color: #FFFFFF; }
.el-tooltip__popper.is-light[x-placement^="bottom"] .popper__arrow { .el-tooltip__popper.is-light[x-placement^="bottom"] .popper__arrow {
border-bottom-color: #333333; } border-bottom-color: #FFFFFF; }
.el-tooltip__popper.is-light[x-placement^="bottom"] .popper__arrow::after { .el-tooltip__popper.is-light[x-placement^="bottom"] .popper__arrow::after {
border-bottom-color: #FFFFFF; } border-bottom-color: #FFFFFF; }
.el-tooltip__popper.is-light[x-placement^="left"] .popper__arrow { .el-tooltip__popper.is-light[x-placement^="left"] .popper__arrow {
border-left-color: #333333; } border-left-color: #FFFFFF; }
.el-tooltip__popper.is-light[x-placement^="left"] .popper__arrow::after { .el-tooltip__popper.is-light[x-placement^="left"] .popper__arrow::after {
border-left-color: #FFFFFF; } border-left-color: #FFFFFF; }
.el-tooltip__popper.is-light[x-placement^="right"] .popper__arrow { .el-tooltip__popper.is-light[x-placement^="right"] .popper__arrow {
border-right-color: #333333; } border-right-color: #FFFFFF; }
.el-tooltip__popper.is-light[x-placement^="right"] .popper__arrow::after { .el-tooltip__popper.is-light[x-placement^="right"] .popper__arrow::after {
border-right-color: #FFFFFF; } border-right-color: #FFFFFF; }
theme/slider.css
View file @ 0011e96f
...@@ -1398,21 +1398,23 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/ ...@@ -1398,21 +1398,23 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
color: #FFFFFF; } color: #FFFFFF; }
.el-tooltip__popper.is-light { .el-tooltip__popper.is-light {
background: #FFFFFF; background: #FFFFFF;
border: 1px solid #333333; } border: 0px solid #333333;
-webkit-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1); }
.el-tooltip__popper.is-light[x-placement^="top"] .popper__arrow { .el-tooltip__popper.is-light[x-placement^="top"] .popper__arrow {
border-top-color: #333333; } border-top-color: #FFFFFF; }
.el-tooltip__popper.is-light[x-placement^="top"] .popper__arrow::after { .el-tooltip__popper.is-light[x-placement^="top"] .popper__arrow::after {
border-top-color: #FFFFFF; } border-top-color: #FFFFFF; }
.el-tooltip__popper.is-light[x-placement^="bottom"] .popper__arrow { .el-tooltip__popper.is-light[x-placement^="bottom"] .popper__arrow {
border-bottom-color: #333333; } border-bottom-color: #FFFFFF; }
.el-tooltip__popper.is-light[x-placement^="bottom"] .popper__arrow::after { .el-tooltip__popper.is-light[x-placement^="bottom"] .popper__arrow::after {
border-bottom-color: #FFFFFF; } border-bottom-color: #FFFFFF; }
.el-tooltip__popper.is-light[x-placement^="left"] .popper__arrow { .el-tooltip__popper.is-light[x-placement^="left"] .popper__arrow {
border-left-color: #333333; } border-left-color: #FFFFFF; }
.el-tooltip__popper.is-light[x-placement^="left"] .popper__arrow::after { .el-tooltip__popper.is-light[x-placement^="left"] .popper__arrow::after {
border-left-color: #FFFFFF; } border-left-color: #FFFFFF; }
.el-tooltip__popper.is-light[x-placement^="right"] .popper__arrow { .el-tooltip__popper.is-light[x-placement^="right"] .popper__arrow {
border-right-color: #333333; } border-right-color: #FFFFFF; }
.el-tooltip__popper.is-light[x-placement^="right"] .popper__arrow::after { .el-tooltip__popper.is-light[x-placement^="right"] .popper__arrow::after {
border-right-color: #FFFFFF; } border-right-color: #FFFFFF; }
......
theme/table.css
View file @ 0011e96f
...@@ -1609,21 +1609,23 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/ ...@@ -1609,21 +1609,23 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
color: #FFFFFF; } color: #FFFFFF; }
.el-tooltip__popper.is-light { .el-tooltip__popper.is-light {
background: #FFFFFF; background: #FFFFFF;
border: 1px solid #333333; } border: 0px solid #333333;
-webkit-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1); }
.el-tooltip__popper.is-light[x-placement^="top"] .popper__arrow { .el-tooltip__popper.is-light[x-placement^="top"] .popper__arrow {
border-top-color: #333333; } border-top-color: #FFFFFF; }
.el-tooltip__popper.is-light[x-placement^="top"] .popper__arrow::after { .el-tooltip__popper.is-light[x-placement^="top"] .popper__arrow::after {
border-top-color: #FFFFFF; } border-top-color: #FFFFFF; }
.el-tooltip__popper.is-light[x-placement^="bottom"] .popper__arrow { .el-tooltip__popper.is-light[x-placement^="bottom"] .popper__arrow {
border-bottom-color: #333333; } border-bottom-color: #FFFFFF; }
.el-tooltip__popper.is-light[x-placement^="bottom"] .popper__arrow::after { .el-tooltip__popper.is-light[x-placement^="bottom"] .popper__arrow::after {
border-bottom-color: #FFFFFF; } border-bottom-color: #FFFFFF; }
.el-tooltip__popper.is-light[x-placement^="left"] .popper__arrow { .el-tooltip__popper.is-light[x-placement^="left"] .popper__arrow {
border-left-color: #333333; } border-left-color: #FFFFFF; }
.el-tooltip__popper.is-light[x-placement^="left"] .popper__arrow::after { .el-tooltip__popper.is-light[x-placement^="left"] .popper__arrow::after {
border-left-color: #FFFFFF; } border-left-color: #FFFFFF; }
.el-tooltip__popper.is-light[x-placement^="right"] .popper__arrow { .el-tooltip__popper.is-light[x-placement^="right"] .popper__arrow {
border-right-color: #333333; } border-right-color: #FFFFFF; }
.el-tooltip__popper.is-light[x-placement^="right"] .popper__arrow::after { .el-tooltip__popper.is-light[x-placement^="right"] .popper__arrow::after {
border-right-color: #FFFFFF; } border-right-color: #FFFFFF; }
......
theme/tooltip.css
View file @ 0011e96f
...@@ -337,20 +337,22 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/ ...@@ -337,20 +337,22 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
color: #FFFFFF; } color: #FFFFFF; }
.el-tooltip__popper.is-light { .el-tooltip__popper.is-light {
background: #FFFFFF; background: #FFFFFF;
border: 1px solid #333333; } border: 0px solid #333333;
-webkit-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1); }
.el-tooltip__popper.is-light[x-placement^="top"] .popper__arrow { .el-tooltip__popper.is-light[x-placement^="top"] .popper__arrow {
border-top-color: #333333; } border-top-color: #FFFFFF; }
.el-tooltip__popper.is-light[x-placement^="top"] .popper__arrow::after { .el-tooltip__popper.is-light[x-placement^="top"] .popper__arrow::after {
border-top-color: #FFFFFF; } border-top-color: #FFFFFF; }
.el-tooltip__popper.is-light[x-placement^="bottom"] .popper__arrow { .el-tooltip__popper.is-light[x-placement^="bottom"] .popper__arrow {
border-bottom-color: #333333; } border-bottom-color: #FFFFFF; }
.el-tooltip__popper.is-light[x-placement^="bottom"] .popper__arrow::after { .el-tooltip__popper.is-light[x-placement^="bottom"] .popper__arrow::after {
border-bottom-color: #FFFFFF; } border-bottom-color: #FFFFFF; }
.el-tooltip__popper.is-light[x-placement^="left"] .popper__arrow { .el-tooltip__popper.is-light[x-placement^="left"] .popper__arrow {
border-left-color: #333333; } border-left-color: #FFFFFF; }
.el-tooltip__popper.is-light[x-placement^="left"] .popper__arrow::after { .el-tooltip__popper.is-light[x-placement^="left"] .popper__arrow::after {
border-left-color: #FFFFFF; } border-left-color: #FFFFFF; }
.el-tooltip__popper.is-light[x-placement^="right"] .popper__arrow { .el-tooltip__popper.is-light[x-placement^="right"] .popper__arrow {
border-right-color: #333333; } border-right-color: #FFFFFF; }
.el-tooltip__popper.is-light[x-placement^="right"] .popper__arrow::after { .el-tooltip__popper.is-light[x-placement^="right"] .popper__arrow::after {
border-right-color: #FFFFFF; } border-right-color: #FFFFFF; }
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