Browse Source

chore: button样式优化

es6
guy 3 years ago
parent
commit
5c5bbaa132
  1. 11
      src/less/base/single/button/button.less
  2. 2
      src/less/lib/theme.less

11
src/less/base/single/button/button.less

@ -58,7 +58,7 @@ body .bi-button, #body .bi-button {
}
&.button-ignore {
& {
background-color: transparent;
background-color: @color-bi-background-ignore-button;
&:not(.clear, .ghost) {
border-color: @color-bi-border-ignore-button;
}
@ -342,6 +342,7 @@ body .bi-button, #body .bi-button {
}
}
&.button-ignore {
background-color: @color-bi-background-ignore-button-theme-dark;
&:hover{
background-color: @color-bi-background-hover-ignore-button-theme-dark;
}
@ -361,13 +362,17 @@ body .bi-button, #body .bi-button {
}
&.button-success.disabled,
&.button-error.disabled,
&.button-warning.disabled,
&.button-ignore.disabled {
&.button-warning.disabled {
&, &.base-disabled {
background-color: fade(@color-bi-background-disabled-button-theme-dark, 20%) !important;
@ieColor: argb(fade(@color-bi-background-disabled-button-theme-dark, 20%));
filter: ~"progid:DXImageTransform.Microsoft.gradient(startColorstr=@{ieColor},endColorstr=@{ieColor})";
}
}
&.button-ignore.disabled {
&, &.base-disabled {
background-color: @color-bi-background-ignore-button-theme-dark !important;
}
}
}
}

2
src/less/lib/theme.less

@ -71,6 +71,8 @@
@color-bi-background-active-common-ghost-button-theme-dark: @color-bi-background-default;
@color-bi-text-ignore-button: @color-bi-text-highlight;
@color-bi-border-ignore-button: @color-bi-border-highlight;
@color-bi-background-ignore-button: @color-bi-background-default;
@color-bi-background-ignore-button-theme-dark: @color-bi-background-default-theme-dark;
@color-bi-background-hover-ignore-button-theme-dark: @color-bi-blue-10;
@color-bi-background-active-ignore-button-theme-dark: @color-bi-blue-10;
@color-bi-text-success-button: @color-bi-text;

Loading…
Cancel
Save