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