Skip to content

S
style_tool
Commit 8702ac79 authored by 刘安琪's avatar 刘安琪
Browse files
Options

修改inputnumber样式

parent 5d9b2c7c
Show whitespace changes
Inline Side-by-side
Showing with 83 additions and 94 deletions
node_module/element-theme-chalk/src/input-number.scss
View file @ 8702ac79
...@@ -23,13 +23,14 @@ ...@@ -23,13 +23,14 @@
position: absolute; position: absolute;
z-index: 1; z-index: 1;
top: 1px; top: 1px;
width: $--input-height; width: 14px;
height: auto; height: auto;
text-align: center; text-align: center;
background: $--background-color-base; background: $--background-color-base;
color: $--color-text-regular; color: $--color-text-regular;
cursor: pointer; cursor: pointer;
font-size: 13px; font-size: 14px;
padding: 0 16px;
&:hover { &:hover {
color: $--color-primary; color: $--color-primary;
...@@ -70,11 +71,11 @@ ...@@ -70,11 +71,11 @@
} }
@include m(medium) { @include m(medium) {
width: 200px; width: 180px;
line-height: #{$--input-medium-height - 2}; line-height: #{$--input-medium-height - 2};
@include e((increase, decrease)) { @include e((increase, decrease)) {
width: $--input-medium-height; width: 14px;
font-size: $--input-medium-font-size; font-size: $--input-medium-font-size;
} }
...@@ -85,16 +86,12 @@ ...@@ -85,16 +86,12 @@
} }
@include m(small) { @include m(small) {
width: 130px; width: 180px;
line-height: #{$--input-small-height - 2}; line-height: #{$--input-small-height - 2};
@include e((increase, decrease)) { @include e((increase, decrease)) {
width: $--input-small-height; width: 14px;
font-size: $--input-small-font-size; font-size: $--input-small-font-size;
[class*=el-icon] {
transform: scale(.9);
}
} }
.el-input__inner { .el-input__inner {
......
theme/date-picker.css
View file @ 8702ac79
...@@ -318,20 +318,20 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/ ...@@ -318,20 +318,20 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
.el-date-table td.today.end-date span { .el-date-table td.today.end-date span {
color: #FFFFFF; } color: #FFFFFF; }
.el-date-table td.available:hover { .el-date-table td.available:hover {
color: #0994DC; } color: #0885C6; }
.el-date-table td.in-range div { .el-date-table td.in-range div {
background-color: #F2F6FC; } background-color: #F2F6FC; }
.el-date-table td.in-range div:hover { .el-date-table td.in-range div:hover {
background-color: #F2F6FC; } background-color: #F2F6FC; }
.el-date-table td.current:not(.disabled) span { .el-date-table td.current:not(.disabled) span {
color: #FFFFFF; color: #FFFFFF;
background-color: #0994DC; } background-color: #0885C6; }
.el-date-table td.start-date div, .el-date-table td.start-date div,
.el-date-table td.end-date div { .el-date-table td.end-date div {
color: #FFFFFF; } color: #FFFFFF; }
.el-date-table td.start-date span, .el-date-table td.start-date span,
.el-date-table td.end-date span { .el-date-table td.end-date span {
background-color: #0994DC; } background-color: #0885C6; }
.el-date-table td.start-date div { .el-date-table td.start-date div {
margin-left: 5px; margin-left: 5px;
border-top-left-radius: 15px; border-top-left-radius: 15px;
...@@ -353,7 +353,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/ ...@@ -353,7 +353,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
.el-date-table td.selected div:hover { .el-date-table td.selected div:hover {
background-color: #F2F6FC; } background-color: #F2F6FC; }
.el-date-table td.selected span { .el-date-table td.selected span {
background-color: #0994DC; background-color: #0885C6;
color: #FFFFFF; color: #FFFFFF;
border-radius: 15px; } border-radius: 15px; }
.el-date-table td.week { .el-date-table td.week {
...@@ -526,7 +526,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/ ...@@ -526,7 +526,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
margin: 0 auto; margin: 0 auto;
border-radius: 18px; } border-radius: 18px; }
.el-month-table td .cell:hover { .el-month-table td .cell:hover {
color: #0994DC; } color: #0885C6; }
.el-month-table td.in-range div { .el-month-table td.in-range div {
background-color: #F2F6FC; } background-color: #F2F6FC; }
.el-month-table td.in-range div:hover { .el-month-table td.in-range div:hover {
...@@ -537,7 +537,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/ ...@@ -537,7 +537,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
.el-month-table td.start-date .cell, .el-month-table td.start-date .cell,
.el-month-table td.end-date .cell { .el-month-table td.end-date .cell {
color: #FFFFFF; color: #FFFFFF;
background-color: #0994DC; } background-color: #0885C6; }
.el-month-table td.start-date div { .el-month-table td.start-date div {
border-top-left-radius: 24px; border-top-left-radius: 24px;
border-bottom-left-radius: 24px; } border-bottom-left-radius: 24px; }
...@@ -545,7 +545,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/ ...@@ -545,7 +545,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
border-top-right-radius: 24px; border-top-right-radius: 24px;
border-bottom-right-radius: 24px; } border-bottom-right-radius: 24px; }
.el-month-table td.current:not(.disabled) .cell { .el-month-table td.current:not(.disabled) .cell {
color: #0994DC; } color: #0885C6; }
/* Element Chalk Variables */ /* Element Chalk Variables */
/* Transition /* Transition
...@@ -701,9 +701,9 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/ ...@@ -701,9 +701,9 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
color: #666666; color: #666666;
margin: 0 auto; } margin: 0 auto; }
.el-year-table td .cell:hover { .el-year-table td .cell:hover {
color: #0994DC; } color: #0885C6; }
.el-year-table td.current:not(.disabled) .cell { .el-year-table td.current:not(.disabled) .cell {
color: #0994DC; } color: #0885C6; }
/* Element Chalk Variables */ /* Element Chalk Variables */
/* Transition /* Transition
...@@ -1984,10 +1984,10 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/ ...@@ -1984,10 +1984,10 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
outline: none; outline: none;
cursor: pointer; } cursor: pointer; }
.el-picker-panel__shortcut:hover { .el-picker-panel__shortcut:hover {
color: #0994DC; } color: #0885C6; }
.el-picker-panel__shortcut.active { .el-picker-panel__shortcut.active {
background-color: #e6f1fe; background-color: #e6f1fe;
color: #0994DC; } color: #0885C6; }
.el-picker-panel__btn { .el-picker-panel__btn {
border: 1px solid #dcdcdc; border: 1px solid #dcdcdc;
color: #333; color: #333;
...@@ -2010,7 +2010,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/ ...@@ -2010,7 +2010,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
outline: none; outline: none;
margin-top: 8px; } margin-top: 8px; }
.el-picker-panel__icon-btn:hover { .el-picker-panel__icon-btn:hover {
color: #0994DC; } color: #0885C6; }
.el-picker-panel__icon-btn.is-disabled { .el-picker-panel__icon-btn.is-disabled {
color: #CCCCCC; } color: #CCCCCC; }
.el-picker-panel__icon-btn.is-disabled:hover { .el-picker-panel__icon-btn.is-disabled:hover {
...@@ -2079,9 +2079,9 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/ ...@@ -2079,9 +2079,9 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
cursor: pointer; cursor: pointer;
color: #666666; } color: #666666; }
.el-date-picker__header-label:hover { .el-date-picker__header-label:hover {
color: #0994DC; } color: #0885C6; }
.el-date-picker__header-label.active { .el-date-picker__header-label.active {
color: #0994DC; } color: #0885C6; }
.el-date-picker__prev-btn { .el-date-picker__prev-btn {
float: left; } float: left; }
.el-date-picker__next-btn { .el-date-picker__next-btn {
...@@ -2632,7 +2632,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/ ...@@ -2632,7 +2632,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
color: #333333; } color: #333333; }
.el-time-panel__btn.confirm { .el-time-panel__btn.confirm {
font-weight: 800; font-weight: 800;
color: #0994DC; } color: #0885C6; }
/* BEM support Func /* BEM support Func
-------------------------- */ -------------------------- */
......
theme/index.css
View file @ 8702ac79
...@@ -10502,13 +10502,14 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/ ...@@ -10502,13 +10502,14 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
position: absolute; position: absolute;
z-index: 1; z-index: 1;
top: 1px; top: 1px;
width: 36px; width: 14px;
height: auto; height: auto;
text-align: center; text-align: center;
background: #F6F6F6; background: #F6F6F6;
color: #666666; color: #666666;
cursor: pointer; cursor: pointer;
font-size: 13px; } font-size: 14px;
padding: 0 16px; }
.el-input-number__increase:hover, .el-input-number__decrease:hover { .el-input-number__increase:hover, .el-input-number__decrease:hover {
color: #0994DC; } color: #0994DC; }
.el-input-number__increase:hover:not(.is-disabled) ~ .el-input .el-input__inner:not(.is-disabled), .el-input-number__decrease:hover:not(.is-disabled) ~ .el-input .el-input__inner:not(.is-disabled) { .el-input-number__increase:hover:not(.is-disabled) ~ .el-input .el-input__inner:not(.is-disabled), .el-input-number__decrease:hover:not(.is-disabled) ~ .el-input .el-input__inner:not(.is-disabled) {
...@@ -10531,23 +10532,20 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/ ...@@ -10531,23 +10532,20 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
color: #EBEBEB; color: #EBEBEB;
cursor: not-allowed; } cursor: not-allowed; }
.el-input-number--medium { .el-input-number--medium {
width: 200px; width: 180px;
line-height: 30px; } line-height: 30px; }
.el-input-number--medium .el-input-number__increase, .el-input-number--medium .el-input-number__decrease { .el-input-number--medium .el-input-number__increase, .el-input-number--medium .el-input-number__decrease {
width: 32px; width: 14px;
font-size: 14px; } font-size: 14px; }
.el-input-number--medium .el-input__inner { .el-input-number--medium .el-input__inner {
padding-left: 39px; padding-left: 39px;
padding-right: 39px; } padding-right: 39px; }
.el-input-number--small { .el-input-number--small {
width: 130px; width: 180px;
line-height: 26px; } line-height: 26px; }
.el-input-number--small .el-input-number__increase, .el-input-number--small .el-input-number__decrease { .el-input-number--small .el-input-number__increase, .el-input-number--small .el-input-number__decrease {
width: 28px; width: 14px;
font-size: 14px; } font-size: 14px; }
.el-input-number--small .el-input-number__increase [class*=el-icon], .el-input-number--small .el-input-number__decrease [class*=el-icon] {
-webkit-transform: scale(0.9);
transform: scale(0.9); }
.el-input-number--small .el-input__inner { .el-input-number--small .el-input__inner {
padding-left: 35px; padding-left: 35px;
padding-right: 35px; } padding-right: 35px; }
...@@ -20519,20 +20517,20 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/ ...@@ -20519,20 +20517,20 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
.el-date-table td.today.end-date span { .el-date-table td.today.end-date span {
color: #FFFFFF; } color: #FFFFFF; }
.el-date-table td.available:hover { .el-date-table td.available:hover {
color: #0994DC; } color: #0885C6; }
.el-date-table td.in-range div { .el-date-table td.in-range div {
background-color: #F2F6FC; } background-color: #F2F6FC; }
.el-date-table td.in-range div:hover { .el-date-table td.in-range div:hover {
background-color: #F2F6FC; } background-color: #F2F6FC; }
.el-date-table td.current:not(.disabled) span { .el-date-table td.current:not(.disabled) span {
color: #FFFFFF; color: #FFFFFF;
background-color: #0994DC; } background-color: #0885C6; }
.el-date-table td.start-date div, .el-date-table td.start-date div,
.el-date-table td.end-date div { .el-date-table td.end-date div {
color: #FFFFFF; } color: #FFFFFF; }
.el-date-table td.start-date span, .el-date-table td.start-date span,
.el-date-table td.end-date span { .el-date-table td.end-date span {
background-color: #0994DC; } background-color: #0885C6; }
.el-date-table td.start-date div { .el-date-table td.start-date div {
margin-left: 5px; margin-left: 5px;
border-top-left-radius: 15px; border-top-left-radius: 15px;
...@@ -20554,7 +20552,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/ ...@@ -20554,7 +20552,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
.el-date-table td.selected div:hover { .el-date-table td.selected div:hover {
background-color: #F2F6FC; } background-color: #F2F6FC; }
.el-date-table td.selected span { .el-date-table td.selected span {
background-color: #0994DC; background-color: #0885C6;
color: #FFFFFF; color: #FFFFFF;
border-radius: 15px; } border-radius: 15px; }
.el-date-table td.week { .el-date-table td.week {
...@@ -20727,7 +20725,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/ ...@@ -20727,7 +20725,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
margin: 0 auto; margin: 0 auto;
border-radius: 18px; } border-radius: 18px; }
.el-month-table td .cell:hover { .el-month-table td .cell:hover {
color: #0994DC; } color: #0885C6; }
.el-month-table td.in-range div { .el-month-table td.in-range div {
background-color: #F2F6FC; } background-color: #F2F6FC; }
.el-month-table td.in-range div:hover { .el-month-table td.in-range div:hover {
...@@ -20738,7 +20736,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/ ...@@ -20738,7 +20736,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
.el-month-table td.start-date .cell, .el-month-table td.start-date .cell,
.el-month-table td.end-date .cell { .el-month-table td.end-date .cell {
color: #FFFFFF; color: #FFFFFF;
background-color: #0994DC; } background-color: #0885C6; }
.el-month-table td.start-date div { .el-month-table td.start-date div {
border-top-left-radius: 24px; border-top-left-radius: 24px;
border-bottom-left-radius: 24px; } border-bottom-left-radius: 24px; }
...@@ -20746,7 +20744,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/ ...@@ -20746,7 +20744,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
border-top-right-radius: 24px; border-top-right-radius: 24px;
border-bottom-right-radius: 24px; } border-bottom-right-radius: 24px; }
.el-month-table td.current:not(.disabled) .cell { .el-month-table td.current:not(.disabled) .cell {
color: #0994DC; } color: #0885C6; }
/* Element Chalk Variables */ /* Element Chalk Variables */
/* Transition /* Transition
...@@ -20902,9 +20900,9 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/ ...@@ -20902,9 +20900,9 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
color: #666666; color: #666666;
margin: 0 auto; } margin: 0 auto; }
.el-year-table td .cell:hover { .el-year-table td .cell:hover {
color: #0994DC; } color: #0885C6; }
.el-year-table td.current:not(.disabled) .cell { .el-year-table td.current:not(.disabled) .cell {
color: #0994DC; } color: #0885C6; }
/* Element Chalk Variables */ /* Element Chalk Variables */
/* Transition /* Transition
...@@ -22185,10 +22183,10 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/ ...@@ -22185,10 +22183,10 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
outline: none; outline: none;
cursor: pointer; } cursor: pointer; }
.el-picker-panel__shortcut:hover { .el-picker-panel__shortcut:hover {
color: #0994DC; } color: #0885C6; }
.el-picker-panel__shortcut.active { .el-picker-panel__shortcut.active {
background-color: #e6f1fe; background-color: #e6f1fe;
color: #0994DC; } color: #0885C6; }
.el-picker-panel__btn { .el-picker-panel__btn {
border: 1px solid #dcdcdc; border: 1px solid #dcdcdc;
color: #333; color: #333;
...@@ -22211,7 +22209,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/ ...@@ -22211,7 +22209,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
outline: none; outline: none;
margin-top: 8px; } margin-top: 8px; }
.el-picker-panel__icon-btn:hover { .el-picker-panel__icon-btn:hover {
color: #0994DC; } color: #0885C6; }
.el-picker-panel__icon-btn.is-disabled { .el-picker-panel__icon-btn.is-disabled {
color: #CCCCCC; } color: #CCCCCC; }
.el-picker-panel__icon-btn.is-disabled:hover { .el-picker-panel__icon-btn.is-disabled:hover {
...@@ -22280,9 +22278,9 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/ ...@@ -22280,9 +22278,9 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
cursor: pointer; cursor: pointer;
color: #666666; } color: #666666; }
.el-date-picker__header-label:hover { .el-date-picker__header-label:hover {
color: #0994DC; } color: #0885C6; }
.el-date-picker__header-label.active { .el-date-picker__header-label.active {
color: #0994DC; } color: #0885C6; }
.el-date-picker__prev-btn { .el-date-picker__prev-btn {
float: left; } float: left; }
.el-date-picker__next-btn { .el-date-picker__next-btn {
...@@ -22833,7 +22831,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/ ...@@ -22833,7 +22831,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
color: #333333; } color: #333333; }
.el-time-panel__btn.confirm { .el-time-panel__btn.confirm {
font-weight: 800; font-weight: 800;
color: #0994DC; } color: #0885C6; }
/* BEM support Func /* BEM support Func
-------------------------- */ -------------------------- */
...@@ -25239,10 +25237,10 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/ ...@@ -25239,10 +25237,10 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
outline: none; outline: none;
cursor: pointer; } cursor: pointer; }
.el-picker-panel__shortcut:hover { .el-picker-panel__shortcut:hover {
color: #0994DC; } color: #0885C6; }
.el-picker-panel__shortcut.active { .el-picker-panel__shortcut.active {
background-color: #e6f1fe; background-color: #e6f1fe;
color: #0994DC; } color: #0885C6; }
.el-picker-panel__btn { .el-picker-panel__btn {
border: 1px solid #dcdcdc; border: 1px solid #dcdcdc;
color: #333; color: #333;
...@@ -25265,7 +25263,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/ ...@@ -25265,7 +25263,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
outline: none; outline: none;
margin-top: 8px; } margin-top: 8px; }
.el-picker-panel__icon-btn:hover { .el-picker-panel__icon-btn:hover {
color: #0994DC; } color: #0885C6; }
.el-picker-panel__icon-btn.is-disabled { .el-picker-panel__icon-btn.is-disabled {
color: #CCCCCC; } color: #CCCCCC; }
.el-picker-panel__icon-btn.is-disabled:hover { .el-picker-panel__icon-btn.is-disabled:hover {
...@@ -25334,9 +25332,9 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/ ...@@ -25334,9 +25332,9 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
cursor: pointer; cursor: pointer;
color: #666666; } color: #666666; }
.el-date-picker__header-label:hover { .el-date-picker__header-label:hover {
color: #0994DC; } color: #0885C6; }
.el-date-picker__header-label.active { .el-date-picker__header-label.active {
color: #0994DC; } color: #0885C6; }
.el-date-picker__prev-btn { .el-date-picker__prev-btn {
float: left; } float: left; }
.el-date-picker__next-btn { .el-date-picker__next-btn {
...@@ -26834,10 +26832,10 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/ ...@@ -26834,10 +26832,10 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
outline: none; outline: none;
cursor: pointer; } cursor: pointer; }
.el-picker-panel__shortcut:hover { .el-picker-panel__shortcut:hover {
color: #0994DC; } color: #0885C6; }
.el-picker-panel__shortcut.active { .el-picker-panel__shortcut.active {
background-color: #e6f1fe; background-color: #e6f1fe;
color: #0994DC; } color: #0885C6; }
.el-picker-panel__btn { .el-picker-panel__btn {
border: 1px solid #dcdcdc; border: 1px solid #dcdcdc;
color: #333; color: #333;
...@@ -26860,7 +26858,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/ ...@@ -26860,7 +26858,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
outline: none; outline: none;
margin-top: 8px; } margin-top: 8px; }
.el-picker-panel__icon-btn:hover { .el-picker-panel__icon-btn:hover {
color: #0994DC; } color: #0885C6; }
.el-picker-panel__icon-btn.is-disabled { .el-picker-panel__icon-btn.is-disabled {
color: #CCCCCC; } color: #CCCCCC; }
.el-picker-panel__icon-btn.is-disabled:hover { .el-picker-panel__icon-btn.is-disabled:hover {
...@@ -27281,7 +27279,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/ ...@@ -27281,7 +27279,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
color: #333333; } color: #333333; }
.el-time-panel__btn.confirm { .el-time-panel__btn.confirm {
font-weight: 800; font-weight: 800;
color: #0994DC; } color: #0885C6; }
/* Element Chalk Variables */ /* Element Chalk Variables */
/* Transition /* Transition
...@@ -36639,13 +36637,14 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/ ...@@ -36639,13 +36637,14 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
position: absolute; position: absolute;
z-index: 1; z-index: 1;
top: 1px; top: 1px;
width: 36px; width: 14px;
height: auto; height: auto;
text-align: center; text-align: center;
background: #F6F6F6; background: #F6F6F6;
color: #666666; color: #666666;
cursor: pointer; cursor: pointer;
font-size: 13px; } font-size: 14px;
padding: 0 16px; }
.el-input-number__increase:hover, .el-input-number__decrease:hover { .el-input-number__increase:hover, .el-input-number__decrease:hover {
color: #0994DC; } color: #0994DC; }
.el-input-number__increase:hover:not(.is-disabled) ~ .el-input .el-input__inner:not(.is-disabled), .el-input-number__decrease:hover:not(.is-disabled) ~ .el-input .el-input__inner:not(.is-disabled) { .el-input-number__increase:hover:not(.is-disabled) ~ .el-input .el-input__inner:not(.is-disabled), .el-input-number__decrease:hover:not(.is-disabled) ~ .el-input .el-input__inner:not(.is-disabled) {
...@@ -36668,23 +36667,20 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/ ...@@ -36668,23 +36667,20 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
color: #EBEBEB; color: #EBEBEB;
cursor: not-allowed; } cursor: not-allowed; }
.el-input-number--medium { .el-input-number--medium {
width: 200px; width: 180px;
line-height: 30px; } line-height: 30px; }
.el-input-number--medium .el-input-number__increase, .el-input-number--medium .el-input-number__decrease { .el-input-number--medium .el-input-number__increase, .el-input-number--medium .el-input-number__decrease {
width: 32px; width: 14px;
font-size: 14px; } font-size: 14px; }
.el-input-number--medium .el-input__inner { .el-input-number--medium .el-input__inner {
padding-left: 39px; padding-left: 39px;
padding-right: 39px; } padding-right: 39px; }
.el-input-number--small { .el-input-number--small {
width: 130px; width: 180px;
line-height: 26px; } line-height: 26px; }
.el-input-number--small .el-input-number__increase, .el-input-number--small .el-input-number__decrease { .el-input-number--small .el-input-number__increase, .el-input-number--small .el-input-number__decrease {
width: 28px; width: 14px;
font-size: 14px; } font-size: 14px; }
.el-input-number--small .el-input-number__increase [class*=el-icon], .el-input-number--small .el-input-number__decrease [class*=el-icon] {
-webkit-transform: scale(0.9);
transform: scale(0.9); }
.el-input-number--small .el-input__inner { .el-input-number--small .el-input__inner {
padding-left: 35px; padding-left: 35px;
padding-right: 35px; } padding-right: 35px; }
theme/input-number.css
View file @ 8702ac79
...@@ -833,13 +833,14 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/ ...@@ -833,13 +833,14 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
position: absolute; position: absolute;
z-index: 1; z-index: 1;
top: 1px; top: 1px;
width: 36px; width: 14px;
height: auto; height: auto;
text-align: center; text-align: center;
background: #F6F6F6; background: #F6F6F6;
color: #666666; color: #666666;
cursor: pointer; cursor: pointer;
font-size: 13px; } font-size: 14px;
padding: 0 16px; }
.el-input-number__increase:hover, .el-input-number__decrease:hover { .el-input-number__increase:hover, .el-input-number__decrease:hover {
color: #0994DC; } color: #0994DC; }
.el-input-number__increase:hover:not(.is-disabled) ~ .el-input .el-input__inner:not(.is-disabled), .el-input-number__decrease:hover:not(.is-disabled) ~ .el-input .el-input__inner:not(.is-disabled) { .el-input-number__increase:hover:not(.is-disabled) ~ .el-input .el-input__inner:not(.is-disabled), .el-input-number__decrease:hover:not(.is-disabled) ~ .el-input .el-input__inner:not(.is-disabled) {
...@@ -862,23 +863,20 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/ ...@@ -862,23 +863,20 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
color: #EBEBEB; color: #EBEBEB;
cursor: not-allowed; } cursor: not-allowed; }
.el-input-number--medium { .el-input-number--medium {
width: 200px; width: 180px;
line-height: 30px; } line-height: 30px; }
.el-input-number--medium .el-input-number__increase, .el-input-number--medium .el-input-number__decrease { .el-input-number--medium .el-input-number__increase, .el-input-number--medium .el-input-number__decrease {
width: 32px; width: 14px;
font-size: 14px; } font-size: 14px; }
.el-input-number--medium .el-input__inner { .el-input-number--medium .el-input__inner {
padding-left: 39px; padding-left: 39px;
padding-right: 39px; } padding-right: 39px; }
.el-input-number--small { .el-input-number--small {
width: 130px; width: 180px;
line-height: 26px; } line-height: 26px; }
.el-input-number--small .el-input-number__increase, .el-input-number--small .el-input-number__decrease { .el-input-number--small .el-input-number__increase, .el-input-number--small .el-input-number__decrease {
width: 28px; width: 14px;
font-size: 14px; } font-size: 14px; }
.el-input-number--small .el-input-number__increase [class*=el-icon], .el-input-number--small .el-input-number__decrease [class*=el-icon] {
-webkit-transform: scale(0.9);
transform: scale(0.9); }
.el-input-number--small .el-input__inner { .el-input-number--small .el-input__inner {
padding-left: 35px; padding-left: 35px;
padding-right: 35px; } padding-right: 35px; }
......
theme/slider.css
View file @ 8702ac79
...@@ -970,13 +970,14 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/ ...@@ -970,13 +970,14 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
position: absolute; position: absolute;
z-index: 1; z-index: 1;
top: 1px; top: 1px;
width: 36px; width: 14px;
height: auto; height: auto;
text-align: center; text-align: center;
background: #F6F6F6; background: #F6F6F6;
color: #666666; color: #666666;
cursor: pointer; cursor: pointer;
font-size: 13px; } font-size: 14px;
padding: 0 16px; }
.el-input-number__increase:hover, .el-input-number__decrease:hover { .el-input-number__increase:hover, .el-input-number__decrease:hover {
color: #0994DC; } color: #0994DC; }
.el-input-number__increase:hover:not(.is-disabled) ~ .el-input .el-input__inner:not(.is-disabled), .el-input-number__decrease:hover:not(.is-disabled) ~ .el-input .el-input__inner:not(.is-disabled) { .el-input-number__increase:hover:not(.is-disabled) ~ .el-input .el-input__inner:not(.is-disabled), .el-input-number__decrease:hover:not(.is-disabled) ~ .el-input .el-input__inner:not(.is-disabled) {
...@@ -999,23 +1000,20 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/ ...@@ -999,23 +1000,20 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
color: #EBEBEB; color: #EBEBEB;
cursor: not-allowed; } cursor: not-allowed; }
.el-input-number--medium { .el-input-number--medium {
width: 200px; width: 180px;
line-height: 30px; } line-height: 30px; }
.el-input-number--medium .el-input-number__increase, .el-input-number--medium .el-input-number__decrease { .el-input-number--medium .el-input-number__increase, .el-input-number--medium .el-input-number__decrease {
width: 32px; width: 14px;
font-size: 14px; } font-size: 14px; }
.el-input-number--medium .el-input__inner { .el-input-number--medium .el-input__inner {
padding-left: 39px; padding-left: 39px;
padding-right: 39px; } padding-right: 39px; }
.el-input-number--small { .el-input-number--small {
width: 130px; width: 180px;
line-height: 26px; } line-height: 26px; }
.el-input-number--small .el-input-number__increase, .el-input-number--small .el-input-number__decrease { .el-input-number--small .el-input-number__increase, .el-input-number--small .el-input-number__decrease {
width: 28px; width: 14px;
font-size: 14px; } font-size: 14px; }
.el-input-number--small .el-input-number__increase [class*=el-icon], .el-input-number--small .el-input-number__decrease [class*=el-icon] {
-webkit-transform: scale(0.9);
transform: scale(0.9); }
.el-input-number--small .el-input__inner { .el-input-number--small .el-input__inner {
padding-left: 35px; padding-left: 35px;
padding-right: 35px; } padding-right: 35px; }
......
theme/time-picker.css
View file @ 8702ac79
...@@ -812,10 +812,10 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/ ...@@ -812,10 +812,10 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
outline: none; outline: none;
cursor: pointer; } cursor: pointer; }
.el-picker-panel__shortcut:hover { .el-picker-panel__shortcut:hover {
color: #0994DC; } color: #0885C6; }
.el-picker-panel__shortcut.active { .el-picker-panel__shortcut.active {
background-color: #e6f1fe; background-color: #e6f1fe;
color: #0994DC; } color: #0885C6; }
.el-picker-panel__btn { .el-picker-panel__btn {
border: 1px solid #dcdcdc; border: 1px solid #dcdcdc;
color: #333; color: #333;
...@@ -838,7 +838,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/ ...@@ -838,7 +838,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
outline: none; outline: none;
margin-top: 8px; } margin-top: 8px; }
.el-picker-panel__icon-btn:hover { .el-picker-panel__icon-btn:hover {
color: #0994DC; } color: #0885C6; }
.el-picker-panel__icon-btn.is-disabled { .el-picker-panel__icon-btn.is-disabled {
color: #CCCCCC; } color: #CCCCCC; }
.el-picker-panel__icon-btn.is-disabled:hover { .el-picker-panel__icon-btn.is-disabled:hover {
...@@ -1259,7 +1259,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/ ...@@ -1259,7 +1259,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
color: #333333; } color: #333333; }
.el-time-panel__btn.confirm { .el-time-panel__btn.confirm {
font-weight: 800; font-weight: 800;
color: #0994DC; } color: #0885C6; }
/* Element Chalk Variables */ /* Element Chalk Variables */
/* Transition /* Transition
......
theme/time-select.css
View file @ 8702ac79
...@@ -1203,10 +1203,10 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/ ...@@ -1203,10 +1203,10 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
outline: none; outline: none;
cursor: pointer; } cursor: pointer; }
.el-picker-panel__shortcut:hover { .el-picker-panel__shortcut:hover {
color: #0994DC; } color: #0885C6; }
.el-picker-panel__shortcut.active { .el-picker-panel__shortcut.active {
background-color: #e6f1fe; background-color: #e6f1fe;
color: #0994DC; } color: #0885C6; }
.el-picker-panel__btn { .el-picker-panel__btn {
border: 1px solid #dcdcdc; border: 1px solid #dcdcdc;
color: #333; color: #333;
...@@ -1229,7 +1229,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/ ...@@ -1229,7 +1229,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
outline: none; outline: none;
margin-top: 8px; } margin-top: 8px; }
.el-picker-panel__icon-btn:hover { .el-picker-panel__icon-btn:hover {
color: #0994DC; } color: #0885C6; }
.el-picker-panel__icon-btn.is-disabled { .el-picker-panel__icon-btn.is-disabled {
color: #CCCCCC; } color: #CCCCCC; }
.el-picker-panel__icon-btn.is-disabled:hover { .el-picker-panel__icon-btn.is-disabled:hover {
...@@ -1298,9 +1298,9 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/ ...@@ -1298,9 +1298,9 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
cursor: pointer; cursor: pointer;
color: #666666; } color: #666666; }
.el-date-picker__header-label:hover { .el-date-picker__header-label:hover {
color: #0994DC; } color: #0885C6; }
.el-date-picker__header-label.active { .el-date-picker__header-label.active {
color: #0994DC; } color: #0885C6; }
.el-date-picker__prev-btn { .el-date-picker__prev-btn {
float: left; } float: left; }
.el-date-picker__next-btn { .el-date-picker__next-btn {
......
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