Skip to content

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

调整tabs样式

parent e26ed0f6
Show whitespace changes
Inline Side-by-side
Showing with 166 additions and 73 deletions
node_module/element-theme-chalk/src/tabs.scss
View file @ a5bed3b9
......@@ -15,7 +15,6 @@
@include e(active-bar) {
position: absolute;
bottom: 0;
left: -16px;
height: 2px;
background-color: $--color-primary;
z-index: 1;
......
theme/alert.css
View file @ a5bed3b9
......@@ -264,7 +264,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
--------------------------*/
.el-alert {
width: 100%;
padding: 8px 16px;
padding: 8px;
margin: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
......@@ -280,7 +280,12 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
-ms-flex-align: center;
align-items: center;
-webkit-transition: opacity .2s;
transition: opacity .2s; }
transition: opacity .2s;
border-width: 1px;
border-style: solid; }
.el-alert .el-alert__icon {
font-size: 16px !important;
width: 16px !important; }
.el-alert.is-light .el-alert__closebtn {
color: #CCCCCC; }
.el-alert.is-dark .el-alert__closebtn {
......@@ -292,7 +297,8 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
-ms-flex-pack: center;
justify-content: center; }
.el-alert--success.is-light {
background-color: #edfaf2;
background-color: #EBF8F2;
border-color: #CFEFDF;
color: #4EC87C; }
.el-alert--success.is-light .el-alert__description {
color: #4EC87C; }
......@@ -300,15 +306,17 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
background-color: #4EC87C;
color: #FFFFFF; }
.el-alert--info.is-light {
background-color: #e6f8fe;
color: #00BBF2; }
background-color: #FFF9E1;
border-color: #FFE3BE;
color: #FFBF00; }
.el-alert--info.is-dark {
background-color: #00BBF2;
color: #FFFFFF; }
.el-alert--info .el-alert__description {
color: #00BBF2; }
.el-alert--warning.is-light {
background-color: #fff6eb;
background-color: #FFF5E6;
border-color: #F8DDC0;
color: #FFA533; }
.el-alert--warning.is-light .el-alert__description {
color: #FFA533; }
......@@ -316,16 +324,29 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
background-color: #FFA533;
color: #FFFFFF; }
.el-alert--error.is-light {
background-color: #ffeceb;
background-color: #FCEEED;
border-color: #FCDDDC;
color: #FF3D33; }
.el-alert--error.is-light .el-alert__description {
color: #FF3D33; }
.el-alert--error.is-dark {
background-color: #FF3D33;
color: #FFFFFF; }
.el-alert--notice.is-light {
background-color: #EAF4FF;
border-color: #D5E8FC;
color: #666666; }
.el-alert--notice.is-light .el-alert__description {
color: #666666; }
.el-alert--notice.is-light .el-icon-info {
color: #00BBF2; }
.el-alert--notice.is-dark {
background-color: #FF3D33;
color: #FFFFFF; }
.el-alert__content {
display: table-cell;
padding: 0 8px; }
padding: 0 8px;
text-align: left; }
.el-alert__icon {
font-size: 16px;
width: 16px; }
......@@ -333,7 +354,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
font-size: 28px;
width: 28px; }
.el-alert__title {
font-size: 13px;
font-size: 14px;
line-height: 18px; }
.el-alert__title.is-bold {
font-weight: bold; }
......@@ -345,7 +366,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
opacity: 1;
position: absolute;
top: 12px;
right: 15px;
right: 8px;
cursor: pointer; }
.el-alert__closebtn.is-customed {
font-style: normal;
......
theme/index.css
View file @ a5bed3b9
......@@ -4470,10 +4470,10 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
.el-pagination span:not([class*=suffix]),
.el-pagination button {
display: inline-block;
font-size: 13px;
min-width: 35.5px;
height: 28px;
line-height: 28px;
font-size: 14px;
min-width: 32px;
height: 32px;
line-height: 32px;
vertical-align: top;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
......@@ -4492,7 +4492,10 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
padding-right: 25px;
border-radius: 3px; }
.el-pagination button {
border: none;
border-width: 1px;
border-style: solid;
border-color: #E4E4E4;
border-radius: 3px;
padding: 0 6px;
background: transparent; }
.el-pagination button:focus {
......@@ -4501,7 +4504,8 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
color: #0994DC; }
.el-pagination button:disabled {
color: #CCCCCC;
background-color: #FFFFFF;
background-color: #F8F8F8;
border-color: #EBEBEB;
cursor: not-allowed; }
.el-pagination .btn-prev,
.el-pagination .btn-next {
......@@ -4517,9 +4521,12 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
font-size: 12px;
font-weight: bold; }
.el-pagination .btn-prev {
padding-right: 12px; }
padding-right: 12px;
margin-right: 8px; }
.el-pagination .btn-next {
padding-left: 12px; }
padding-left: 12px;
margin-left: 4px;
margin-right: 12px; }
.el-pagination .el-pager li.disabled {
color: #CCCCCC;
cursor: not-allowed; }
......@@ -4557,11 +4564,11 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
.el-pagination__sizes .el-input .el-input__inner:hover {
border-color: #0994DC; }
.el-pagination__total {
margin-right: 10px;
margin: 0 12px;
font-weight: normal;
color: #666666; }
.el-pagination__jump {
margin-left: 24px;
margin: 0 12px;
font-weight: normal;
color: #666666; }
.el-pagination__jump .el-input__inner {
......@@ -4626,19 +4633,24 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
.el-pager .more::before {
line-height: 30px; }
.el-pager li {
padding: 0 4px;
background: #FFFFFF;
vertical-align: top;
display: inline-block;
font-size: 13px;
min-width: 35.5px;
height: 28px;
line-height: 28px;
padding: 0 8px;
font-size: 14px;
color: #333333;
min-width: 32px;
height: 32px;
line-height: 32px;
cursor: pointer;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align: center;
margin: 0; }
margin: 0 4px;
border-width: 1px;
border-style: solid;
border-color: #E4E4E4;
border-radius: 3px; }
.el-pager li.btn-quicknext, .el-pager li.btn-quickprev {
line-height: 28px;
color: #333333; }
......@@ -4648,13 +4660,24 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
cursor: pointer; }
.el-pager li.btn-quicknext:hover {
cursor: pointer; }
.el-pager li.active + li {
border-left: 0; }
.el-pager li:hover {
color: #0994DC; }
color: #0885C6;
background-color: #EDF6FC;
border-color: #0885C6; }
.el-pager li.active {
color: #0994DC;
cursor: default; }
cursor: default;
border: none; }
.el-pager li.active:hover {
border-color: #0885C6;
border-width: 1px;
border-style: solid; }
.el-pager .more {
border: none; }
.el-pager .more:hover {
border-color: #0885C6;
border-width: 1px;
border-style: solid; }
/* BEM support Func
-------------------------- */
......@@ -32718,7 +32741,6 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
.el-tabs__active-bar {
position: absolute;
bottom: 0;
left: -16px;
height: 2px;
background-color: #0994DC;
z-index: 1;
......@@ -35232,7 +35254,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
--------------------------*/
.el-alert {
width: 100%;
padding: 8px 16px;
padding: 8px;
margin: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
......@@ -35248,7 +35270,12 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
-ms-flex-align: center;
align-items: center;
-webkit-transition: opacity .2s;
transition: opacity .2s; }
transition: opacity .2s;
border-width: 1px;
border-style: solid; }
.el-alert .el-alert__icon {
font-size: 16px !important;
width: 16px !important; }
.el-alert.is-light .el-alert__closebtn {
color: #CCCCCC; }
.el-alert.is-dark .el-alert__closebtn {
......@@ -35260,7 +35287,8 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
-ms-flex-pack: center;
justify-content: center; }
.el-alert--success.is-light {
background-color: #edfaf2;
background-color: #EBF8F2;
border-color: #CFEFDF;
color: #4EC87C; }
.el-alert--success.is-light .el-alert__description {
color: #4EC87C; }
......@@ -35268,15 +35296,17 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
background-color: #4EC87C;
color: #FFFFFF; }
.el-alert--info.is-light {
background-color: #e6f8fe;
color: #00BBF2; }
background-color: #FFF9E1;
border-color: #FFE3BE;
color: #FFBF00; }
.el-alert--info.is-dark {
background-color: #00BBF2;
color: #FFFFFF; }
.el-alert--info .el-alert__description {
color: #00BBF2; }
.el-alert--warning.is-light {
background-color: #fff6eb;
background-color: #FFF5E6;
border-color: #F8DDC0;
color: #FFA533; }
.el-alert--warning.is-light .el-alert__description {
color: #FFA533; }
......@@ -35284,16 +35314,29 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
background-color: #FFA533;
color: #FFFFFF; }
.el-alert--error.is-light {
background-color: #ffeceb;
background-color: #FCEEED;
border-color: #FCDDDC;
color: #FF3D33; }
.el-alert--error.is-light .el-alert__description {
color: #FF3D33; }
.el-alert--error.is-dark {
background-color: #FF3D33;
color: #FFFFFF; }
.el-alert--notice.is-light {
background-color: #EAF4FF;
border-color: #D5E8FC;
color: #666666; }
.el-alert--notice.is-light .el-alert__description {
color: #666666; }
.el-alert--notice.is-light .el-icon-info {
color: #00BBF2; }
.el-alert--notice.is-dark {
background-color: #FF3D33;
color: #FFFFFF; }
.el-alert__content {
display: table-cell;
padding: 0 8px; }
padding: 0 8px;
text-align: left; }
.el-alert__icon {
font-size: 16px;
width: 16px; }
......@@ -35301,7 +35344,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
font-size: 28px;
width: 28px; }
.el-alert__title {
font-size: 13px;
font-size: 14px;
line-height: 18px; }
.el-alert__title.is-bold {
font-weight: bold; }
......@@ -35313,7 +35356,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
opacity: 1;
position: absolute;
top: 12px;
right: 15px;
right: 8px;
cursor: pointer; }
.el-alert__closebtn.is-customed {
font-style: normal;
......@@ -35600,8 +35643,8 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
border: 1px solid #EBEBEB;
position: fixed;
background-color: #FFFFFF;
-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);
-webkit-box-shadow: 0 1px 6px black;
box-shadow: 0 1px 6px black;
-webkit-transition: opacity .3s, left .3s, right .3s, top 0.4s, bottom .3s, -webkit-transform .3s;
transition: opacity .3s, left .3s, right .3s, top 0.4s, bottom .3s, -webkit-transform .3s;
transition: opacity .3s, transform .3s, left .3s, right .3s, top 0.4s, bottom .3s;
......@@ -35617,16 +35660,18 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
.el-notification__title {
font-weight: bold;
font-size: 16px;
color: #333333;
color: #333;
margin: 0; }
.el-notification__content {
font-size: 14px;
line-height: 21px;
margin: 6px 0 0 0;
color: #666666;
color: #999;
text-align: justify; }
.el-notification__content p {
margin: 0; }
.el-notification__notice .el-icon-info {
color: #00BBF2; }
.el-notification__icon {
height: 24px;
width: 24px;
......@@ -35648,6 +35693,8 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
color: #00BBF2; }
.el-notification .el-icon-warning {
color: #FFA533; }
.el-notification .el-icon-notice {
color: #00BBF2; }
.el-notification-fade-enter.right {
right: 0;
......@@ -51672,7 +51719,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/notification.css
View file @ a5bed3b9
......@@ -274,8 +274,8 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
border: 1px solid #EBEBEB;
position: fixed;
background-color: #FFFFFF;
-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);
-webkit-box-shadow: 0 1px 6px black;
box-shadow: 0 1px 6px black;
-webkit-transition: opacity .3s, left .3s, right .3s, top 0.4s, bottom .3s, -webkit-transform .3s;
transition: opacity .3s, left .3s, right .3s, top 0.4s, bottom .3s, -webkit-transform .3s;
transition: opacity .3s, transform .3s, left .3s, right .3s, top 0.4s, bottom .3s;
......@@ -291,16 +291,18 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
.el-notification__title {
font-weight: bold;
font-size: 16px;
color: #333333;
color: #333;
margin: 0; }
.el-notification__content {
font-size: 14px;
line-height: 21px;
margin: 6px 0 0 0;
color: #666666;
color: #999;
text-align: justify; }
.el-notification__content p {
margin: 0; }
.el-notification__notice .el-icon-info {
color: #00BBF2; }
.el-notification__icon {
height: 24px;
width: 24px;
......@@ -322,6 +324,8 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
color: #00BBF2; }
.el-notification .el-icon-warning {
color: #FFA533; }
.el-notification .el-icon-notice {
color: #00BBF2; }
.el-notification-fade-enter.right {
right: 0;
......
theme/pagination.css
View file @ a5bed3b9
......@@ -3211,10 +3211,10 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
.el-pagination span:not([class*=suffix]),
.el-pagination button {
display: inline-block;
font-size: 13px;
min-width: 35.5px;
height: 28px;
line-height: 28px;
font-size: 14px;
min-width: 32px;
height: 32px;
line-height: 32px;
vertical-align: top;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
......@@ -3233,7 +3233,10 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
padding-right: 25px;
border-radius: 3px; }
.el-pagination button {
border: none;
border-width: 1px;
border-style: solid;
border-color: #E4E4E4;
border-radius: 3px;
padding: 0 6px;
background: transparent; }
.el-pagination button:focus {
......@@ -3242,7 +3245,8 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
color: #0994DC; }
.el-pagination button:disabled {
color: #CCCCCC;
background-color: #FFFFFF;
background-color: #F8F8F8;
border-color: #EBEBEB;
cursor: not-allowed; }
.el-pagination .btn-prev,
.el-pagination .btn-next {
......@@ -3258,9 +3262,12 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
font-size: 12px;
font-weight: bold; }
.el-pagination .btn-prev {
padding-right: 12px; }
padding-right: 12px;
margin-right: 8px; }
.el-pagination .btn-next {
padding-left: 12px; }
padding-left: 12px;
margin-left: 4px;
margin-right: 12px; }
.el-pagination .el-pager li.disabled {
color: #CCCCCC;
cursor: not-allowed; }
......@@ -3298,11 +3305,11 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
.el-pagination__sizes .el-input .el-input__inner:hover {
border-color: #0994DC; }
.el-pagination__total {
margin-right: 10px;
margin: 0 12px;
font-weight: normal;
color: #666666; }
.el-pagination__jump {
margin-left: 24px;
margin: 0 12px;
font-weight: normal;
color: #666666; }
.el-pagination__jump .el-input__inner {
......@@ -3367,19 +3374,24 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
.el-pager .more::before {
line-height: 30px; }
.el-pager li {
padding: 0 4px;
background: #FFFFFF;
vertical-align: top;
display: inline-block;
font-size: 13px;
min-width: 35.5px;
height: 28px;
line-height: 28px;
padding: 0 8px;
font-size: 14px;
color: #333333;
min-width: 32px;
height: 32px;
line-height: 32px;
cursor: pointer;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align: center;
margin: 0; }
margin: 0 4px;
border-width: 1px;
border-style: solid;
border-color: #E4E4E4;
border-radius: 3px; }
.el-pager li.btn-quicknext, .el-pager li.btn-quickprev {
line-height: 28px;
color: #333333; }
......@@ -3389,10 +3401,21 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
cursor: pointer; }
.el-pager li.btn-quicknext:hover {
cursor: pointer; }
.el-pager li.active + li {
border-left: 0; }
.el-pager li:hover {
color: #0994DC; }
color: #0885C6;
background-color: #EDF6FC;
border-color: #0885C6; }
.el-pager li.active {
color: #0994DC;
cursor: default; }
cursor: default;
border: none; }
.el-pager li.active:hover {
border-color: #0885C6;
border-width: 1px;
border-style: solid; }
.el-pager .more {
border: none; }
.el-pager .more:hover {
border-color: #0885C6;
border-width: 1px;
border-style: solid; }
theme/tabs.css
View file @ a5bed3b9
......@@ -274,7 +274,6 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
.el-tabs__active-bar {
position: absolute;
bottom: 0;
left: -16px;
height: 2px;
background-color: #0994DC;
z-index: 1;
......
theme/transfer.css
View file @ a5bed3b9
......@@ -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 {
......
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