Skip to content

S
style_tool
Commit 1c5a3101 authored by 刘安琪's avatar 刘安琪
Browse files
Options

修改transfer样式

parent 9a1f08dd
Show whitespace changes
Inline Side-by-side
Showing with 963 additions and 923 deletions
node_module/element-theme-chalk/src/transfer.scss
View file @ 1c5a3101
......@@ -229,7 +229,7 @@
margin: 0;
height: $--transfer-item-height;
line-height: $--transfer-item-height;
padding: 6px 15px 0;
padding: 4px 15px 0;
color: $--color-text-secondary;
text-align: center;
}
......
theme/breadcrumb.css
View file @ 1c5a3101
......@@ -271,12 +271,6 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
content: ""; }
.el-breadcrumb::after {
clear: both; }
.el-breadcrumb i.el-icon-location {
font-size: 20px;
color: #1A56a8;
float: left;
margin-top: -3px;
margin-right: 12px; }
.el-breadcrumb__separator {
margin: 0 9px;
font-weight: bold;
......@@ -289,15 +283,14 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
.el-breadcrumb__inner {
color: #666666; }
.el-breadcrumb__inner.is-link, .el-breadcrumb__inner a {
font-weight: normal;
font-weight: bold;
text-decoration: none;
-webkit-transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
color: #333333; }
.el-breadcrumb__inner.is-link:hover, .el-breadcrumb__inner a:hover {
color: #0885C6;
cursor: pointer;
text-decoration: underline; }
color: #0994DC;
cursor: pointer; }
.el-breadcrumb__item:last-child .el-breadcrumb__inner, .el-breadcrumb__item:last-child .el-breadcrumb__inner:hover,
.el-breadcrumb__item:last-child .el-breadcrumb__inner a,
.el-breadcrumb__item:last-child .el-breadcrumb__inner a:hover {
......
theme/date-picker.css
View file @ 1c5a3101
......@@ -1979,7 +1979,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
line-height: 28px;
font-size: 14px;
color: #666666;
padding-left: 8px;
padding-left: 12px;
text-align: left;
outline: none;
cursor: pointer; }
......@@ -2027,7 +2027,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
border-right: 1px solid #e4e4e4;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-top: 4px;
padding-top: 6px;
background-color: #FFFFFF;
overflow: auto; }
......@@ -2251,13 +2251,12 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 16px 16px 4px 16px; }
padding: 16px; }
.el-date-range-picker__content.is-left {
border-right: 1px solid #e4e4e4; }
.el-date-range-picker__content .el-date-range-picker__header div {
margin-left: 50px;
margin-right: 50px;
color: #333; }
margin-right: 50px; }
.el-date-range-picker__editors-wrap {
-webkit-box-sizing: border-box;
box-sizing: border-box;
......
theme/dialog.css
View file @ 1c5a3101
......@@ -591,13 +591,12 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
overflow: auto;
margin: 0; }
.el-dialog__header {
padding: 16px;
padding-bottom: 8px;
padding-top: 8px; }
padding: 24px;
padding-bottom: 10px; }
.el-dialog__headerbtn {
position: absolute;
top: 16px;
right: 12px;
top: 24px;
right: 24px;
padding: 0;
background: transparent;
border: none;
......@@ -605,36 +604,24 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
cursor: pointer;
font-size: 16px; }
.el-dialog__headerbtn .el-dialog__close {
color: #999999; }
color: #00BBF2; }
.el-dialog__headerbtn:focus .el-dialog__close, .el-dialog__headerbtn:hover .el-dialog__close {
color: #0994DC; }
.el-dialog__title {
line-height: 36px;
height: 36px;
line-height: 24px;
font-size: 18px;
color: #333333; }
.el-dialog__body {
padding: 8px 24px;
padding: 34px 24px;
color: #666666;
font-size: 14px;
word-break: break-all; }
.el-dialog__footer {
padding: 24px;
padding-top: 24px;
padding-right: 16px;
padding-top: 10px;
text-align: right;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.el-dialog__footer button:nth-child(1) {
color: #999999;
background-color: #FFFFFF;
border-color: #CCCCCC; }
.el-dialog__footer button:nth-child(1):focus, .el-dialog__footer button:nth-child(1):hover {
color: #0885C6;
background-color: #EDF6FC;
border-color: #0885C6; }
.el-dialog__footer button:nth-child(2) {
margin-left: 8px; }
.el-dialog--center {
text-align: center; }
.el-dialog--center .el-dialog__body {
......
theme/index.css
View file @ 1c5a3101
......@@ -5249,13 +5249,12 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
overflow: auto;
margin: 0; }
.el-dialog__header {
padding: 16px;
padding-bottom: 8px;
padding-top: 8px; }
padding: 24px;
padding-bottom: 10px; }
.el-dialog__headerbtn {
position: absolute;
top: 16px;
right: 12px;
top: 24px;
right: 24px;
padding: 0;
background: transparent;
border: none;
......@@ -5263,36 +5262,24 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
cursor: pointer;
font-size: 16px; }
.el-dialog__headerbtn .el-dialog__close {
color: #999999; }
color: #00BBF2; }
.el-dialog__headerbtn:focus .el-dialog__close, .el-dialog__headerbtn:hover .el-dialog__close {
color: #0994DC; }
.el-dialog__title {
line-height: 36px;
height: 36px;
line-height: 24px;
font-size: 18px;
color: #333333; }
.el-dialog__body {
padding: 8px 24px;
padding: 34px 24px;
color: #666666;
font-size: 14px;
word-break: break-all; }
.el-dialog__footer {
padding: 24px;
padding-top: 24px;
padding-right: 16px;
padding-top: 10px;
text-align: right;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.el-dialog__footer button:nth-child(1) {
color: #999999;
background-color: #FFFFFF;
border-color: #CCCCCC; }
.el-dialog__footer button:nth-child(1):focus, .el-dialog__footer button:nth-child(1):hover {
color: #0885C6;
background-color: #EDF6FC;
border-color: #0885C6; }
.el-dialog__footer button:nth-child(2) {
margin-left: 8px; }
.el-dialog--center {
text-align: center; }
.el-dialog--center .el-dialog__body {
......@@ -18468,7 +18455,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
.el-table thead {
color: #333333; }
.el-table thead th {
font-weight: 500; }
font-weight: 600; }
.el-table thead.is-group th {
background: #F6F6F6; }
.el-table th, .el-table td {
......@@ -22193,7 +22180,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
line-height: 28px;
font-size: 14px;
color: #666666;
padding-left: 8px;
padding-left: 12px;
text-align: left;
outline: none;
cursor: pointer; }
......@@ -22241,7 +22228,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
border-right: 1px solid #e4e4e4;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-top: 4px;
padding-top: 6px;
background-color: #FFFFFF;
overflow: auto; }
......@@ -22465,13 +22452,12 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 16px 16px 4px 16px; }
padding: 16px; }
.el-date-range-picker__content.is-left {
border-right: 1px solid #e4e4e4; }
.el-date-range-picker__content .el-date-range-picker__header div {
margin-left: 50px;
margin-right: 50px;
color: #333; }
margin-right: 50px; }
.el-date-range-picker__editors-wrap {
-webkit-box-sizing: border-box;
box-sizing: border-box;
......@@ -25248,7 +25234,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
line-height: 28px;
font-size: 14px;
color: #666666;
padding-left: 8px;
padding-left: 12px;
text-align: left;
outline: none;
cursor: pointer; }
......@@ -25296,7 +25282,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
border-right: 1px solid #e4e4e4;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-top: 4px;
padding-top: 6px;
background-color: #FFFFFF;
overflow: auto; }
......@@ -26843,7 +26829,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
line-height: 28px;
font-size: 14px;
color: #666666;
padding-left: 8px;
padding-left: 12px;
text-align: left;
outline: none;
cursor: pointer; }
......@@ -26891,7 +26877,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
border-right: 1px solid #e4e4e4;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-top: 4px;
padding-top: 6px;
background-color: #FFFFFF;
overflow: auto; }
......@@ -31551,14 +31537,14 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
.el-message-box {
display: inline-block;
width: 420px;
padding-bottom: 24px;
padding-bottom: 10px;
vertical-align: middle;
background-color: #FFFFFF;
border-radius: 6px;
border: 1px solid #EBEBEB;
font-size: 18px;
-webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
text-align: left;
overflow: hidden;
-webkit-backface-visibility: hidden;
......@@ -31578,20 +31564,18 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
vertical-align: middle; }
.el-message-box__header {
position: relative;
padding: 16px;
padding-bottom: 8px;
padding-top: 8px; }
padding: 24px;
padding-bottom: 10px; }
.el-message-box__title {
padding-left: 0;
margin-bottom: 0;
font-size: 18px;
line-height: 36px;
height: 36px;
line-height: 1;
color: #333333; }
.el-message-box__headerbtn {
position: absolute;
top: 16px;
right: 12px;
top: 24px;
right: 24px;
padding: 0;
border: none;
outline: none;
......@@ -31599,17 +31583,17 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
font-size: 16px;
cursor: pointer; }
.el-message-box__headerbtn .el-message-box__close {
color: #999999; }
color: #00BBF2; }
.el-message-box__headerbtn:focus .el-message-box__close, .el-message-box__headerbtn:hover .el-message-box__close {
color: #0994DC; }
.el-message-box__content {
padding: 0px 24px;
padding: 10px 24px;
color: #333333;
font-size: 14px; }
.el-message-box__container {
position: relative; }
.el-message-box__input {
padding-top: 8px; }
padding-top: 15px; }
.el-message-box__input input.invalid {
border-color: #FF3D33; }
.el-message-box__input input.invalid:focus {
......@@ -31623,8 +31607,8 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
.el-message-box__status::before {
padding-left: 1px; }
.el-message-box__status + .el-message-box__message {
padding-left: 32px;
padding-right: 8px; }
padding-left: 36px;
padding-right: 12px; }
.el-message-box__status.el-icon-success {
color: #4EC87C; }
.el-message-box__status.el-icon-info {
......@@ -31644,18 +31628,10 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
min-height: 18px;
margin-top: 2px; }
.el-message-box__btns {
padding: 24px 16px 0;
padding: 5px 15px 0;
text-align: right; }
.el-message-box__btns button:nth-child(1) {
color: #999999;
background-color: #FFFFFF;
border-color: #CCCCCC;
float: right;
margin-left: 8px; }
.el-message-box__btns button:nth-child(1):focus, .el-message-box__btns button:nth-child(1):hover {
color: #0885C6;
background-color: #EDF6FC;
border-color: #0885C6; }
.el-message-box__btns button:nth-child(2) {
margin-left: 10px; }
.el-message-box__btns-reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
......@@ -32012,12 +31988,6 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
content: ""; }
.el-breadcrumb::after {
clear: both; }
.el-breadcrumb i.el-icon-location {
font-size: 20px;
color: #1A56a8;
float: left;
margin-top: -3px;
margin-right: 12px; }
.el-breadcrumb__separator {
margin: 0 9px;
font-weight: bold;
......@@ -32030,15 +32000,14 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
.el-breadcrumb__inner {
color: #666666; }
.el-breadcrumb__inner.is-link, .el-breadcrumb__inner a {
font-weight: normal;
font-weight: bold;
text-decoration: none;
-webkit-transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
color: #333333; }
.el-breadcrumb__inner.is-link:hover, .el-breadcrumb__inner a:hover {
color: #0885C6;
cursor: pointer;
text-decoration: underline; }
color: #0994DC;
cursor: pointer; }
.el-breadcrumb__item:last-child .el-breadcrumb__inner, .el-breadcrumb__item:last-child .el-breadcrumb__inner:hover,
.el-breadcrumb__item:last-child .el-breadcrumb__inner a,
.el-breadcrumb__item:last-child .el-breadcrumb__inner a:hover {
......@@ -32691,19 +32660,15 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
--------------------------*/
/* Break-point
--------------------------*/
.el-tabs {
border: 1px solid #D7D8D9;
border-radius: 3px; }
.el-tabs > .el-tabs__content {
padding: 0 8px 8px 8px; }
.el-tabs__header {
.el-tabs__header {
padding: 0;
position: relative;
margin: 0 0 15px; }
.el-tabs__active-bar {
.el-tabs__active-bar {
position: absolute;
bottom: 0;
left: -16px;
left: 0;
height: 2px;
background-color: #0994DC;
z-index: 1;
......@@ -32711,9 +32676,9 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
list-style: none;
padding: 0 16px; }
.el-tabs__new-tab {
list-style: none; }
.el-tabs__new-tab {
float: right;
border: 1px solid #d3dce6;
height: 18px;
......@@ -32732,7 +32697,8 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
transform: scale(0.8, 0.8); }
.el-tabs__new-tab:hover {
color: #0994DC; }
.el-tabs__nav-wrap {
.el-tabs__nav-wrap {
overflow: hidden;
margin-bottom: -1px;
position: relative; }
......@@ -32742,26 +32708,31 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
left: 0;
bottom: 0;
width: 100%;
height: 1px;
height: 2px;
background-color: #D0D0D0;
z-index: 1; }
.el-tabs__nav-wrap.is-scrollable {
padding: 0 20px;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.el-tabs__nav-scroll {
.el-tabs__nav-scroll {
overflow: hidden; }
.el-tabs__nav-next, .el-tabs__nav-prev {
.el-tabs__nav-next, .el-tabs__nav-prev {
position: absolute;
cursor: pointer;
line-height: 44px;
font-size: 12px;
color: #999999; }
.el-tabs__nav-next {
.el-tabs__nav-next {
right: 0; }
.el-tabs__nav-prev {
.el-tabs__nav-prev {
left: 0; }
.el-tabs__nav {
.el-tabs__nav {
white-space: nowrap;
position: relative;
-webkit-transition: -webkit-transform .3s;
......@@ -32780,17 +32751,18 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
-ms-flex: 1;
flex: 1;
text-align: center; }
.el-tabs__item {
padding: 0 24px;
height: 48px;
.el-tabs__item {
padding: 0 20px;
height: 40px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
line-height: 48px;
line-height: 40px;
display: inline-block;
list-style: none;
font-size: 16px;
font-size: 14px;
font-weight: 500;
color: #666666;
color: #333333;
position: relative; }
.el-tabs__item:focus, .el-tabs__item:focus:active {
outline: none; }
......@@ -32819,22 +32791,28 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
.el-tabs__item.is-disabled {
color: #CCCCCC;
cursor: default; }
.el-tabs__content {
.el-tabs__content {
overflow: hidden;
position: relative; }
.el-tabs--card > .el-tabs__header {
.el-tabs--card > .el-tabs__header {
border-bottom: 1px solid #D0D0D0; }
.el-tabs--card > .el-tabs__header .el-tabs__nav-wrap::after {
.el-tabs--card > .el-tabs__header .el-tabs__nav-wrap::after {
content: none; }
.el-tabs--card > .el-tabs__header .el-tabs__nav {
.el-tabs--card > .el-tabs__header .el-tabs__nav {
border: 1px solid #D0D0D0;
border-bottom: none;
border-radius: 4px 4px 0 0;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.el-tabs--card > .el-tabs__header .el-tabs__active-bar {
.el-tabs--card > .el-tabs__header .el-tabs__active-bar {
display: none; }
.el-tabs--card > .el-tabs__header .el-tabs__item .el-icon-close {
.el-tabs--card > .el-tabs__header .el-tabs__item .el-icon-close {
position: relative;
font-size: 12px;
width: 0;
......@@ -32846,7 +32824,8 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
right: -2px;
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%; }
.el-tabs--card > .el-tabs__header .el-tabs__item {
.el-tabs--card > .el-tabs__header .el-tabs__item {
border-bottom: 1px solid transparent;
border-left: 1px solid #D0D0D0;
-webkit-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
......@@ -32865,7 +32844,8 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
padding-right: 20px; }
.el-tabs--card > .el-tabs__header .el-tabs__item.is-active.is-closable .el-icon-close {
width: 14px; }
.el-tabs--border-card {
.el-tabs--border-card {
background: #FFFFFF;
border: 1px solid #E4E4E4;
-webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12), 0 0 6px 0 rgba(0, 0, 0, 0.04);
......@@ -32899,28 +32879,46 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
color: #CCCCCC; }
.el-tabs--border-card > .el-tabs__header .is-scrollable .el-tabs__item:first-child {
margin-left: 0; }
.el-tabs--top.el-tabs--border-card > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--top.el-tabs--card > .el-tabs__header .el-tabs__item:nth-child(2),
.el-tabs--top .el-tabs--left > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--top .el-tabs--right > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--bottom.el-tabs--border-card > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--bottom.el-tabs--card > .el-tabs__header .el-tabs__item:nth-child(2),
.el-tabs--bottom .el-tabs--left > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--bottom .el-tabs--right > .el-tabs__header .el-tabs__item:nth-child(2) {
.el-tabs--top .el-tabs__item.is-top:nth-child(2),
.el-tabs--top .el-tabs__item.is-bottom:nth-child(2), .el-tabs--bottom .el-tabs__item.is-top:nth-child(2),
.el-tabs--bottom .el-tabs__item.is-bottom:nth-child(2) {
padding-left: 0; }
.el-tabs--top .el-tabs__item.is-top:last-child,
.el-tabs--top .el-tabs__item.is-bottom:last-child, .el-tabs--bottom .el-tabs__item.is-top:last-child,
.el-tabs--bottom .el-tabs__item.is-bottom:last-child {
padding-right: 0; }
.el-tabs--top.el-tabs--border-card > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--top.el-tabs--card > .el-tabs__header .el-tabs__item:nth-child(2),
.el-tabs--top .el-tabs--left > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--top .el-tabs--right > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--bottom.el-tabs--border-card > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--bottom.el-tabs--card > .el-tabs__header .el-tabs__item:nth-child(2),
.el-tabs--bottom .el-tabs--left > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--bottom .el-tabs--right > .el-tabs__header .el-tabs__item:nth-child(2) {
padding-left: 20px; }
.el-tabs--top.el-tabs--border-card > .el-tabs__header .el-tabs__item:last-child, .el-tabs--top.el-tabs--card > .el-tabs__header .el-tabs__item:last-child,
.el-tabs--top .el-tabs--left > .el-tabs__header .el-tabs__item:last-child, .el-tabs--top .el-tabs--right > .el-tabs__header .el-tabs__item:last-child, .el-tabs--bottom.el-tabs--border-card > .el-tabs__header .el-tabs__item:last-child, .el-tabs--bottom.el-tabs--card > .el-tabs__header .el-tabs__item:last-child,
.el-tabs--bottom .el-tabs--left > .el-tabs__header .el-tabs__item:last-child, .el-tabs--bottom .el-tabs--right > .el-tabs__header .el-tabs__item:last-child {
.el-tabs--top.el-tabs--border-card > .el-tabs__header .el-tabs__item:last-child, .el-tabs--top.el-tabs--card > .el-tabs__header .el-tabs__item:last-child,
.el-tabs--top .el-tabs--left > .el-tabs__header .el-tabs__item:last-child, .el-tabs--top .el-tabs--right > .el-tabs__header .el-tabs__item:last-child, .el-tabs--bottom.el-tabs--border-card > .el-tabs__header .el-tabs__item:last-child, .el-tabs--bottom.el-tabs--card > .el-tabs__header .el-tabs__item:last-child,
.el-tabs--bottom .el-tabs--left > .el-tabs__header .el-tabs__item:last-child, .el-tabs--bottom .el-tabs--right > .el-tabs__header .el-tabs__item:last-child {
padding-right: 20px; }
.el-tabs--bottom .el-tabs__header.is-bottom {
.el-tabs--bottom .el-tabs__header.is-bottom {
margin-bottom: 0;
margin-top: 10px; }
.el-tabs--bottom.el-tabs--border-card .el-tabs__header.is-bottom {
.el-tabs--bottom.el-tabs--border-card .el-tabs__header.is-bottom {
border-bottom: 0;
border-top: 1px solid #E4E4E4; }
.el-tabs--bottom.el-tabs--border-card .el-tabs__nav-wrap.is-bottom {
.el-tabs--bottom.el-tabs--border-card .el-tabs__nav-wrap.is-bottom {
margin-top: -1px;
margin-bottom: 0; }
.el-tabs--bottom.el-tabs--border-card .el-tabs__item.is-bottom:not(.is-active) {
.el-tabs--bottom.el-tabs--border-card .el-tabs__item.is-bottom:not(.is-active) {
border: 1px solid transparent; }
.el-tabs--bottom.el-tabs--border-card .el-tabs__item.is-bottom {
.el-tabs--bottom.el-tabs--border-card .el-tabs__item.is-bottom {
margin: 0 -1px -1px -1px; }
.el-tabs--left, .el-tabs--right {
.el-tabs--left, .el-tabs--right {
overflow: hidden; }
.el-tabs--left .el-tabs__header.is-left,
.el-tabs--left .el-tabs__header.is-right,
......@@ -32993,32 +32991,40 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
.el-tabs--left .el-tabs__item.is-right, .el-tabs--right .el-tabs__item.is-left,
.el-tabs--right .el-tabs__item.is-right {
display: block; }
.el-tabs--left .el-tabs__header.is-left {
.el-tabs--left .el-tabs__header.is-left {
float: left;
margin-bottom: 0;
margin-right: 10px; }
.el-tabs--left .el-tabs__nav-wrap.is-left {
.el-tabs--left .el-tabs__nav-wrap.is-left {
margin-right: -1px; }
.el-tabs--left .el-tabs__nav-wrap.is-left::after {
left: auto;
right: 0; }
.el-tabs--left .el-tabs__active-bar.is-left {
.el-tabs--left .el-tabs__active-bar.is-left {
right: 0;
left: auto; }
.el-tabs--left .el-tabs__item.is-left {
.el-tabs--left .el-tabs__item.is-left {
text-align: right; }
.el-tabs--left.el-tabs--card .el-tabs__active-bar.is-left {
.el-tabs--left.el-tabs--card .el-tabs__active-bar.is-left {
display: none; }
.el-tabs--left.el-tabs--card .el-tabs__item.is-left {
.el-tabs--left.el-tabs--card .el-tabs__item.is-left {
border-left: none;
border-right: 1px solid #D0D0D0;
border-bottom: none;
border-top: 1px solid #D0D0D0;
text-align: left; }
.el-tabs--left.el-tabs--card .el-tabs__item.is-left:first-child {
.el-tabs--left.el-tabs--card .el-tabs__item.is-left:first-child {
border-right: 1px solid #D0D0D0;
border-top: none; }
.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active {
.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active {
border: 1px solid #D0D0D0;
border-right-color: #fff;
border-left: none;
......@@ -33027,41 +33033,52 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
border-top: none; }
.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active:last-child {
border-bottom: none; }
.el-tabs--left.el-tabs--card .el-tabs__nav {
.el-tabs--left.el-tabs--card .el-tabs__nav {
border-radius: 4px 0 0 4px;
border-bottom: 1px solid #D0D0D0;
border-right: none; }
.el-tabs--left.el-tabs--card .el-tabs__new-tab {
.el-tabs--left.el-tabs--card .el-tabs__new-tab {
float: none; }
.el-tabs--left.el-tabs--border-card .el-tabs__header.is-left {
.el-tabs--left.el-tabs--border-card .el-tabs__header.is-left {
border-right: 1px solid #dfe4ed; }
.el-tabs--left.el-tabs--border-card .el-tabs__item.is-left {
.el-tabs--left.el-tabs--border-card .el-tabs__item.is-left {
border: 1px solid transparent;
margin: -1px 0 -1px -1px; }
.el-tabs--left.el-tabs--border-card .el-tabs__item.is-left.is-active {
border-color: transparent;
border-top-color: #d1dbe5;
border-bottom-color: #d1dbe5; }
.el-tabs--right .el-tabs__header.is-right {
.el-tabs--right .el-tabs__header.is-right {
float: right;
margin-bottom: 0;
margin-left: 10px; }
.el-tabs--right .el-tabs__nav-wrap.is-right {
.el-tabs--right .el-tabs__nav-wrap.is-right {
margin-left: -1px; }
.el-tabs--right .el-tabs__nav-wrap.is-right::after {
left: 0;
right: auto; }
.el-tabs--right .el-tabs__active-bar.is-right {
.el-tabs--right .el-tabs__active-bar.is-right {
left: 0; }
.el-tabs--right.el-tabs--card .el-tabs__active-bar.is-right {
.el-tabs--right.el-tabs--card .el-tabs__active-bar.is-right {
display: none; }
.el-tabs--right.el-tabs--card .el-tabs__item.is-right {
.el-tabs--right.el-tabs--card .el-tabs__item.is-right {
border-bottom: none;
border-top: 1px solid #D0D0D0; }
.el-tabs--right.el-tabs--card .el-tabs__item.is-right:first-child {
.el-tabs--right.el-tabs--card .el-tabs__item.is-right:first-child {
border-left: 1px solid #D0D0D0;
border-top: none; }
.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active {
.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active {
border: 1px solid #D0D0D0;
border-left-color: #fff;
border-right: none;
......@@ -33070,13 +33087,16 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
border-top: none; }
.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active:last-child {
border-bottom: none; }
.el-tabs--right.el-tabs--card .el-tabs__nav {
.el-tabs--right.el-tabs--card .el-tabs__nav {
border-radius: 0 4px 4px 0;
border-bottom: 1px solid #D0D0D0;
border-left: none; }
.el-tabs--right.el-tabs--border-card .el-tabs__header.is-right {
.el-tabs--right.el-tabs--border-card .el-tabs__header.is-right {
border-left: 1px solid #dfe4ed; }
.el-tabs--right.el-tabs--border-card .el-tabs__item.is-right {
.el-tabs--right.el-tabs--border-card .el-tabs__item.is-right {
border: 1px solid transparent;
margin: -1px -1px -1px 0; }
.el-tabs--right.el-tabs--border-card .el-tabs__item.is-right.is-active {
......@@ -40338,7 +40358,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
line-height: 1; }
.el-progress__text {
font-size: 14px;
color: #333333;
color: #666666;
display: inline-block;
vertical-align: middle;
margin-left: 10px;
......@@ -40391,7 +40411,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.el-progress-bar__outer {
height: 8px !important;
height: 6px;
border-radius: 100px;
background-color: #EBEBEB;
overflow: hidden;
......@@ -41274,7 +41294,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
line-height: 1; }
.el-progress__text {
font-size: 14px;
color: #333333;
color: #666666;
display: inline-block;
vertical-align: middle;
margin-left: 10px;
......@@ -41327,7 +41347,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.el-progress-bar__outer {
height: 8px !important;
height: 6px;
border-radius: 100px;
background-color: #EBEBEB;
overflow: hidden;
......@@ -51657,7 +51677,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
margin: 0;
height: 28px;
line-height: 28px;
padding: 6px 15px 0;
padding: 4px 15px 0;
color: #999999;
text-align: center; }
.el-transfer-panel .el-checkbox__label {
......@@ -53705,9 +53725,9 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
.el-link.el-link--primary {
color: #0994DC; }
.el-link.el-link--primary:hover {
color: #0885C6; }
color: #3aa9e3; }
.el-link.el-link--primary:after {
border-color: #0885C6; }
border-color: #0994DC; }
.el-link.el-link--primary.is-disabled {
color: #84caee; }
.el-link.el-link--primary.is-underline:hover:after {
......@@ -53715,9 +53735,9 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
.el-link.el-link--danger {
color: #FF3D33; }
.el-link.el-link--danger:hover {
color: #0885C6; }
color: #ff645c; }
.el-link.el-link--danger:after {
border-color: #0885C6; }
border-color: #FF3D33; }
.el-link.el-link--danger.is-disabled {
color: #ff9e99; }
.el-link.el-link--danger.is-underline:hover:after {
......@@ -53725,9 +53745,9 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
.el-link.el-link--success {
color: #4EC87C; }
.el-link.el-link--success:hover {
color: #0885C6; }
color: #71d396; }
.el-link.el-link--success:after {
border-color: #0885C6; }
border-color: #4EC87C; }
.el-link.el-link--success.is-disabled {
color: #a7e4be; }
.el-link.el-link--success.is-underline:hover:after {
......@@ -53735,9 +53755,9 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
.el-link.el-link--warning {
color: #FFA533; }
.el-link.el-link--warning:hover {
color: #0885C6; }
color: #ffb75c; }
.el-link.el-link--warning:after {
border-color: #0885C6; }
border-color: #FFA533; }
.el-link.el-link--warning.is-disabled {
color: #ffd299; }
.el-link.el-link--warning.is-underline:hover:after {
......@@ -53745,9 +53765,9 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
.el-link.el-link--info {
color: #00BBF2; }
.el-link.el-link--info:hover {
color: #0885C6; }
color: #33c9f5; }
.el-link.el-link--info:after {
border-color: #0885C6; }
border-color: #00BBF2; }
.el-link.el-link--info.is-disabled {
color: #80ddf9; }
.el-link.el-link--info.is-underline:hover:after {
theme/link.css
View file @ 1c5a3101
......@@ -307,9 +307,9 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
.el-link.el-link--primary {
color: #0994DC; }
.el-link.el-link--primary:hover {
color: #0885C6; }
color: #3aa9e3; }
.el-link.el-link--primary:after {
border-color: #0885C6; }
border-color: #0994DC; }
.el-link.el-link--primary.is-disabled {
color: #84caee; }
.el-link.el-link--primary.is-underline:hover:after {
......@@ -317,9 +317,9 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
.el-link.el-link--danger {
color: #FF3D33; }
.el-link.el-link--danger:hover {
color: #0885C6; }
color: #ff645c; }
.el-link.el-link--danger:after {
border-color: #0885C6; }
border-color: #FF3D33; }
.el-link.el-link--danger.is-disabled {
color: #ff9e99; }
.el-link.el-link--danger.is-underline:hover:after {
......@@ -327,9 +327,9 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
.el-link.el-link--success {
color: #4EC87C; }
.el-link.el-link--success:hover {
color: #0885C6; }
color: #71d396; }
.el-link.el-link--success:after {
border-color: #0885C6; }
border-color: #4EC87C; }
.el-link.el-link--success.is-disabled {
color: #a7e4be; }
.el-link.el-link--success.is-underline:hover:after {
......@@ -337,9 +337,9 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
.el-link.el-link--warning {
color: #FFA533; }
.el-link.el-link--warning:hover {
color: #0885C6; }
color: #ffb75c; }
.el-link.el-link--warning:after {
border-color: #0885C6; }
border-color: #FFA533; }
.el-link.el-link--warning.is-disabled {
color: #ffd299; }
.el-link.el-link--warning.is-underline:hover:after {
......@@ -347,9 +347,9 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
.el-link.el-link--info {
color: #00BBF2; }
.el-link.el-link--info:hover {
color: #0885C6; }
color: #33c9f5; }
.el-link.el-link--info:after {
border-color: #0885C6; }
border-color: #00BBF2; }
.el-link.el-link--info.is-disabled {
color: #80ddf9; }
.el-link.el-link--info.is-underline:hover:after {
......
theme/message-box.css
View file @ 1c5a3101
......@@ -1933,14 +1933,14 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
.el-message-box {
display: inline-block;
width: 420px;
padding-bottom: 24px;
padding-bottom: 10px;
vertical-align: middle;
background-color: #FFFFFF;
border-radius: 6px;
border: 1px solid #EBEBEB;
font-size: 18px;
-webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
text-align: left;
overflow: hidden;
-webkit-backface-visibility: hidden;
......@@ -1960,20 +1960,18 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
vertical-align: middle; }
.el-message-box__header {
position: relative;
padding: 16px;
padding-bottom: 8px;
padding-top: 8px; }
padding: 24px;
padding-bottom: 10px; }
.el-message-box__title {
padding-left: 0;
margin-bottom: 0;
font-size: 18px;
line-height: 36px;
height: 36px;
line-height: 1;
color: #333333; }
.el-message-box__headerbtn {
position: absolute;
top: 16px;
right: 12px;
top: 24px;
right: 24px;
padding: 0;
border: none;
outline: none;
......@@ -1981,17 +1979,17 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
font-size: 16px;
cursor: pointer; }
.el-message-box__headerbtn .el-message-box__close {
color: #999999; }
color: #00BBF2; }
.el-message-box__headerbtn:focus .el-message-box__close, .el-message-box__headerbtn:hover .el-message-box__close {
color: #0994DC; }
.el-message-box__content {
padding: 0px 24px;
padding: 10px 24px;
color: #333333;
font-size: 14px; }
.el-message-box__container {
position: relative; }
.el-message-box__input {
padding-top: 8px; }
padding-top: 15px; }
.el-message-box__input input.invalid {
border-color: #FF3D33; }
.el-message-box__input input.invalid:focus {
......@@ -2005,8 +2003,8 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
.el-message-box__status::before {
padding-left: 1px; }
.el-message-box__status + .el-message-box__message {
padding-left: 32px;
padding-right: 8px; }
padding-left: 36px;
padding-right: 12px; }
.el-message-box__status.el-icon-success {
color: #4EC87C; }
.el-message-box__status.el-icon-info {
......@@ -2026,18 +2024,10 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
min-height: 18px;
margin-top: 2px; }
.el-message-box__btns {
padding: 24px 16px 0;
padding: 5px 15px 0;
text-align: right; }
.el-message-box__btns button:nth-child(1) {
color: #999999;
background-color: #FFFFFF;
border-color: #CCCCCC;
float: right;
margin-left: 8px; }
.el-message-box__btns button:nth-child(1):focus, .el-message-box__btns button:nth-child(1):hover {
color: #0885C6;
background-color: #EDF6FC;
border-color: #0885C6; }
.el-message-box__btns button:nth-child(2) {
margin-left: 10px; }
.el-message-box__btns-reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
......
theme/progress.css
View file @ 1c5a3101
......@@ -267,7 +267,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
line-height: 1; }
.el-progress__text {
font-size: 14px;
color: #333333;
color: #666666;
display: inline-block;
vertical-align: middle;
margin-left: 10px;
......@@ -320,7 +320,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.el-progress-bar__outer {
height: 8px !important;
height: 6px;
border-radius: 100px;
background-color: #EBEBEB;
overflow: hidden;
......
theme/table.css
View file @ 1c5a3101
......@@ -1829,7 +1829,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
.el-table thead {
color: #333333; }
.el-table thead th {
font-weight: 500; }
font-weight: 600; }
.el-table thead.is-group th {
background: #F6F6F6; }
.el-table th, .el-table td {
......
theme/tabs.css
View file @ 1c5a3101
......@@ -262,19 +262,15 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
--------------------------*/
/* Break-point
--------------------------*/
.el-tabs {
border: 1px solid #D7D8D9;
border-radius: 3px; }
.el-tabs > .el-tabs__content {
padding: 0 8px 8px 8px; }
.el-tabs__header {
.el-tabs__header {
padding: 0;
position: relative;
margin: 0 0 15px; }
.el-tabs__active-bar {
.el-tabs__active-bar {
position: absolute;
bottom: 0;
left: -16px;
left: 0;
height: 2px;
background-color: #0994DC;
z-index: 1;
......@@ -282,9 +278,9 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
list-style: none;
padding: 0 16px; }
.el-tabs__new-tab {
list-style: none; }
.el-tabs__new-tab {
float: right;
border: 1px solid #d3dce6;
height: 18px;
......@@ -303,7 +299,8 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
transform: scale(0.8, 0.8); }
.el-tabs__new-tab:hover {
color: #0994DC; }
.el-tabs__nav-wrap {
.el-tabs__nav-wrap {
overflow: hidden;
margin-bottom: -1px;
position: relative; }
......@@ -313,26 +310,31 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
left: 0;
bottom: 0;
width: 100%;
height: 1px;
height: 2px;
background-color: #D0D0D0;
z-index: 1; }
.el-tabs__nav-wrap.is-scrollable {
padding: 0 20px;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.el-tabs__nav-scroll {
.el-tabs__nav-scroll {
overflow: hidden; }
.el-tabs__nav-next, .el-tabs__nav-prev {
.el-tabs__nav-next, .el-tabs__nav-prev {
position: absolute;
cursor: pointer;
line-height: 44px;
font-size: 12px;
color: #999999; }
.el-tabs__nav-next {
.el-tabs__nav-next {
right: 0; }
.el-tabs__nav-prev {
.el-tabs__nav-prev {
left: 0; }
.el-tabs__nav {
.el-tabs__nav {
white-space: nowrap;
position: relative;
-webkit-transition: -webkit-transform .3s;
......@@ -351,17 +353,18 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
-ms-flex: 1;
flex: 1;
text-align: center; }
.el-tabs__item {
padding: 0 24px;
height: 48px;
.el-tabs__item {
padding: 0 20px;
height: 40px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
line-height: 48px;
line-height: 40px;
display: inline-block;
list-style: none;
font-size: 16px;
font-size: 14px;
font-weight: 500;
color: #666666;
color: #333333;
position: relative; }
.el-tabs__item:focus, .el-tabs__item:focus:active {
outline: none; }
......@@ -390,22 +393,28 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
.el-tabs__item.is-disabled {
color: #CCCCCC;
cursor: default; }
.el-tabs__content {
.el-tabs__content {
overflow: hidden;
position: relative; }
.el-tabs--card > .el-tabs__header {
.el-tabs--card > .el-tabs__header {
border-bottom: 1px solid #D0D0D0; }
.el-tabs--card > .el-tabs__header .el-tabs__nav-wrap::after {
.el-tabs--card > .el-tabs__header .el-tabs__nav-wrap::after {
content: none; }
.el-tabs--card > .el-tabs__header .el-tabs__nav {
.el-tabs--card > .el-tabs__header .el-tabs__nav {
border: 1px solid #D0D0D0;
border-bottom: none;
border-radius: 4px 4px 0 0;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.el-tabs--card > .el-tabs__header .el-tabs__active-bar {
.el-tabs--card > .el-tabs__header .el-tabs__active-bar {
display: none; }
.el-tabs--card > .el-tabs__header .el-tabs__item .el-icon-close {
.el-tabs--card > .el-tabs__header .el-tabs__item .el-icon-close {
position: relative;
font-size: 12px;
width: 0;
......@@ -417,7 +426,8 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
right: -2px;
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%; }
.el-tabs--card > .el-tabs__header .el-tabs__item {
.el-tabs--card > .el-tabs__header .el-tabs__item {
border-bottom: 1px solid transparent;
border-left: 1px solid #D0D0D0;
-webkit-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
......@@ -436,7 +446,8 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
padding-right: 20px; }
.el-tabs--card > .el-tabs__header .el-tabs__item.is-active.is-closable .el-icon-close {
width: 14px; }
.el-tabs--border-card {
.el-tabs--border-card {
background: #FFFFFF;
border: 1px solid #E4E4E4;
-webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12), 0 0 6px 0 rgba(0, 0, 0, 0.04);
......@@ -470,28 +481,46 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
color: #CCCCCC; }
.el-tabs--border-card > .el-tabs__header .is-scrollable .el-tabs__item:first-child {
margin-left: 0; }
.el-tabs--top.el-tabs--border-card > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--top.el-tabs--card > .el-tabs__header .el-tabs__item:nth-child(2),
.el-tabs--top .el-tabs--left > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--top .el-tabs--right > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--bottom.el-tabs--border-card > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--bottom.el-tabs--card > .el-tabs__header .el-tabs__item:nth-child(2),
.el-tabs--bottom .el-tabs--left > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--bottom .el-tabs--right > .el-tabs__header .el-tabs__item:nth-child(2) {
.el-tabs--top .el-tabs__item.is-top:nth-child(2),
.el-tabs--top .el-tabs__item.is-bottom:nth-child(2), .el-tabs--bottom .el-tabs__item.is-top:nth-child(2),
.el-tabs--bottom .el-tabs__item.is-bottom:nth-child(2) {
padding-left: 0; }
.el-tabs--top .el-tabs__item.is-top:last-child,
.el-tabs--top .el-tabs__item.is-bottom:last-child, .el-tabs--bottom .el-tabs__item.is-top:last-child,
.el-tabs--bottom .el-tabs__item.is-bottom:last-child {
padding-right: 0; }
.el-tabs--top.el-tabs--border-card > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--top.el-tabs--card > .el-tabs__header .el-tabs__item:nth-child(2),
.el-tabs--top .el-tabs--left > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--top .el-tabs--right > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--bottom.el-tabs--border-card > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--bottom.el-tabs--card > .el-tabs__header .el-tabs__item:nth-child(2),
.el-tabs--bottom .el-tabs--left > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--bottom .el-tabs--right > .el-tabs__header .el-tabs__item:nth-child(2) {
padding-left: 20px; }
.el-tabs--top.el-tabs--border-card > .el-tabs__header .el-tabs__item:last-child, .el-tabs--top.el-tabs--card > .el-tabs__header .el-tabs__item:last-child,
.el-tabs--top .el-tabs--left > .el-tabs__header .el-tabs__item:last-child, .el-tabs--top .el-tabs--right > .el-tabs__header .el-tabs__item:last-child, .el-tabs--bottom.el-tabs--border-card > .el-tabs__header .el-tabs__item:last-child, .el-tabs--bottom.el-tabs--card > .el-tabs__header .el-tabs__item:last-child,
.el-tabs--bottom .el-tabs--left > .el-tabs__header .el-tabs__item:last-child, .el-tabs--bottom .el-tabs--right > .el-tabs__header .el-tabs__item:last-child {
.el-tabs--top.el-tabs--border-card > .el-tabs__header .el-tabs__item:last-child, .el-tabs--top.el-tabs--card > .el-tabs__header .el-tabs__item:last-child,
.el-tabs--top .el-tabs--left > .el-tabs__header .el-tabs__item:last-child, .el-tabs--top .el-tabs--right > .el-tabs__header .el-tabs__item:last-child, .el-tabs--bottom.el-tabs--border-card > .el-tabs__header .el-tabs__item:last-child, .el-tabs--bottom.el-tabs--card > .el-tabs__header .el-tabs__item:last-child,
.el-tabs--bottom .el-tabs--left > .el-tabs__header .el-tabs__item:last-child, .el-tabs--bottom .el-tabs--right > .el-tabs__header .el-tabs__item:last-child {
padding-right: 20px; }
.el-tabs--bottom .el-tabs__header.is-bottom {
.el-tabs--bottom .el-tabs__header.is-bottom {
margin-bottom: 0;
margin-top: 10px; }
.el-tabs--bottom.el-tabs--border-card .el-tabs__header.is-bottom {
.el-tabs--bottom.el-tabs--border-card .el-tabs__header.is-bottom {
border-bottom: 0;
border-top: 1px solid #E4E4E4; }
.el-tabs--bottom.el-tabs--border-card .el-tabs__nav-wrap.is-bottom {
.el-tabs--bottom.el-tabs--border-card .el-tabs__nav-wrap.is-bottom {
margin-top: -1px;
margin-bottom: 0; }
.el-tabs--bottom.el-tabs--border-card .el-tabs__item.is-bottom:not(.is-active) {
.el-tabs--bottom.el-tabs--border-card .el-tabs__item.is-bottom:not(.is-active) {
border: 1px solid transparent; }
.el-tabs--bottom.el-tabs--border-card .el-tabs__item.is-bottom {
.el-tabs--bottom.el-tabs--border-card .el-tabs__item.is-bottom {
margin: 0 -1px -1px -1px; }
.el-tabs--left, .el-tabs--right {
.el-tabs--left, .el-tabs--right {
overflow: hidden; }
.el-tabs--left .el-tabs__header.is-left,
.el-tabs--left .el-tabs__header.is-right,
......@@ -564,32 +593,40 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
.el-tabs--left .el-tabs__item.is-right, .el-tabs--right .el-tabs__item.is-left,
.el-tabs--right .el-tabs__item.is-right {
display: block; }
.el-tabs--left .el-tabs__header.is-left {
.el-tabs--left .el-tabs__header.is-left {
float: left;
margin-bottom: 0;
margin-right: 10px; }
.el-tabs--left .el-tabs__nav-wrap.is-left {
.el-tabs--left .el-tabs__nav-wrap.is-left {
margin-right: -1px; }
.el-tabs--left .el-tabs__nav-wrap.is-left::after {
left: auto;
right: 0; }
.el-tabs--left .el-tabs__active-bar.is-left {
.el-tabs--left .el-tabs__active-bar.is-left {
right: 0;
left: auto; }
.el-tabs--left .el-tabs__item.is-left {
.el-tabs--left .el-tabs__item.is-left {
text-align: right; }
.el-tabs--left.el-tabs--card .el-tabs__active-bar.is-left {
.el-tabs--left.el-tabs--card .el-tabs__active-bar.is-left {
display: none; }
.el-tabs--left.el-tabs--card .el-tabs__item.is-left {
.el-tabs--left.el-tabs--card .el-tabs__item.is-left {
border-left: none;
border-right: 1px solid #D0D0D0;
border-bottom: none;
border-top: 1px solid #D0D0D0;
text-align: left; }
.el-tabs--left.el-tabs--card .el-tabs__item.is-left:first-child {
.el-tabs--left.el-tabs--card .el-tabs__item.is-left:first-child {
border-right: 1px solid #D0D0D0;
border-top: none; }
.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active {
.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active {
border: 1px solid #D0D0D0;
border-right-color: #fff;
border-left: none;
......@@ -598,41 +635,52 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
border-top: none; }
.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active:last-child {
border-bottom: none; }
.el-tabs--left.el-tabs--card .el-tabs__nav {
.el-tabs--left.el-tabs--card .el-tabs__nav {
border-radius: 4px 0 0 4px;
border-bottom: 1px solid #D0D0D0;
border-right: none; }
.el-tabs--left.el-tabs--card .el-tabs__new-tab {
.el-tabs--left.el-tabs--card .el-tabs__new-tab {
float: none; }
.el-tabs--left.el-tabs--border-card .el-tabs__header.is-left {
.el-tabs--left.el-tabs--border-card .el-tabs__header.is-left {
border-right: 1px solid #dfe4ed; }
.el-tabs--left.el-tabs--border-card .el-tabs__item.is-left {
.el-tabs--left.el-tabs--border-card .el-tabs__item.is-left {
border: 1px solid transparent;
margin: -1px 0 -1px -1px; }
.el-tabs--left.el-tabs--border-card .el-tabs__item.is-left.is-active {
border-color: transparent;
border-top-color: #d1dbe5;
border-bottom-color: #d1dbe5; }
.el-tabs--right .el-tabs__header.is-right {
.el-tabs--right .el-tabs__header.is-right {
float: right;
margin-bottom: 0;
margin-left: 10px; }
.el-tabs--right .el-tabs__nav-wrap.is-right {
.el-tabs--right .el-tabs__nav-wrap.is-right {
margin-left: -1px; }
.el-tabs--right .el-tabs__nav-wrap.is-right::after {
left: 0;
right: auto; }
.el-tabs--right .el-tabs__active-bar.is-right {
.el-tabs--right .el-tabs__active-bar.is-right {
left: 0; }
.el-tabs--right.el-tabs--card .el-tabs__active-bar.is-right {
.el-tabs--right.el-tabs--card .el-tabs__active-bar.is-right {
display: none; }
.el-tabs--right.el-tabs--card .el-tabs__item.is-right {
.el-tabs--right.el-tabs--card .el-tabs__item.is-right {
border-bottom: none;
border-top: 1px solid #D0D0D0; }
.el-tabs--right.el-tabs--card .el-tabs__item.is-right:first-child {
.el-tabs--right.el-tabs--card .el-tabs__item.is-right:first-child {
border-left: 1px solid #D0D0D0;
border-top: none; }
.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active {
.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active {
border: 1px solid #D0D0D0;
border-left-color: #fff;
border-right: none;
......@@ -641,13 +689,16 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
border-top: none; }
.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active:last-child {
border-bottom: none; }
.el-tabs--right.el-tabs--card .el-tabs__nav {
.el-tabs--right.el-tabs--card .el-tabs__nav {
border-radius: 0 4px 4px 0;
border-bottom: 1px solid #D0D0D0;
border-left: none; }
.el-tabs--right.el-tabs--border-card .el-tabs__header.is-right {
.el-tabs--right.el-tabs--border-card .el-tabs__header.is-right {
border-left: 1px solid #dfe4ed; }
.el-tabs--right.el-tabs--border-card .el-tabs__item.is-right {
.el-tabs--right.el-tabs--border-card .el-tabs__item.is-right {
border: 1px solid transparent;
margin: -1px -1px -1px 0; }
.el-tabs--right.el-tabs--border-card .el-tabs__item.is-right.is-active {
......
theme/time-picker.css
View file @ 1c5a3101
......@@ -807,7 +807,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
line-height: 28px;
font-size: 14px;
color: #666666;
padding-left: 8px;
padding-left: 12px;
text-align: left;
outline: none;
cursor: pointer; }
......@@ -855,7 +855,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
border-right: 1px solid #e4e4e4;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-top: 4px;
padding-top: 6px;
background-color: #FFFFFF;
overflow: auto; }
......
theme/time-select.css
View file @ 1c5a3101
......@@ -1198,7 +1198,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
line-height: 28px;
font-size: 14px;
color: #666666;
padding-left: 8px;
padding-left: 12px;
text-align: left;
outline: none;
cursor: pointer; }
......@@ -1246,7 +1246,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
border-right: 1px solid #e4e4e4;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-top: 4px;
padding-top: 6px;
background-color: #FFFFFF;
overflow: auto; }
......
theme/transfer.css
View file @ 1c5a3101
......@@ -2451,7 +2451,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
margin: 0;
height: 28px;
line-height: 28px;
padding: 6px 15px 0;
padding: 4px 15px 0;
color: #999999;
text-align: center; }
.el-transfer-panel .el-checkbox__label {
......
theme/upload.css
View file @ 1c5a3101
......@@ -405,7 +405,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
line-height: 1; }
.el-progress__text {
font-size: 14px;
color: #333333;
color: #666666;
display: inline-block;
vertical-align: middle;
margin-left: 10px;
......@@ -458,7 +458,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.el-progress-bar__outer {
height: 8px !important;
height: 6px;
border-radius: 100px;
background-color: #EBEBEB;
overflow: hidden;
......
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