Browse Source

不同状态的button

es6
windy 7 years ago
parent
commit
8a9bddb1c9
  1. 7
      demo/js/base/button/demo.button.js
  2. 91
      dist/base.css
  3. 2
      dist/base.js
  4. 91
      dist/bundle.css
  5. 2
      dist/bundle.js
  6. 7
      dist/demo.js
  7. 91
      dist/fineui.css
  8. 2
      dist/fineui.js
  9. 2
      src/base/single/button/buttons/button.js
  10. 14
      src/css/base/pager/pager.css
  11. 91
      src/css/base/single/button/button.css
  12. 67
      src/css/base/single/tip/tip.css
  13. 196
      src/css/base/table/table.css
  14. 14
      src/css/base/trigger/trigger.css
  15. 2
      src/css/core/utils/common.css
  16. 1
      src/css/resource/font.css
  17. 2
      src/css/theme/dark.css
  18. 5
      src/css/widget/exceltable/exceltable.css
  19. 13
      src/css/widget/previewtable/previewtable.css
  20. 51
      src/less/base/single/button/button.less
  21. 2
      src/less/lib/colors.less
  22. 1
      src/less/lib/constant.less

7
demo/js/base/button/demo.button.js

@ -25,6 +25,13 @@ Demo.Button = BI.inherit(BI.Widget, {
level: "warning", level: "warning",
height: 30 height: 30
} }
}, {
el: {
type: "bi.button",
text: "表示错误状态的按钮",
level: "error",
height: 30
}
}, { }, {
el: { el: {
type: "bi.button", type: "bi.button",

91
dist/base.css vendored

@ -838,11 +838,14 @@ body .bi-button.clear,
background-color: transparent; background-color: transparent;
} }
body .bi-button.clear:hover, body .bi-button.clear:hover,
#body .bi-button.clear:hover, #body .bi-button.clear:hover {
opacity: 0.9;
filter: alpha(opacity=90);
}
body .bi-button.clear:active, body .bi-button.clear:active,
#body .bi-button.clear:active { #body .bi-button.clear:active {
opacity: 0.75; opacity: 0.8;
filter: alpha(opacity=75); filter: alpha(opacity=80);
} }
body .bi-button.ghost, body .bi-button.ghost,
#body .bi-button.ghost { #body .bi-button.ghost {
@ -874,18 +877,18 @@ body .bi-button.button-common.ghost:hover,
} }
body .bi-button.button-common.ghost:active, body .bi-button.button-common.ghost:active,
#body .bi-button.button-common.ghost:active { #body .bi-button.button-common.ghost:active {
background-color: #3077DA; background-color: #3f8ce8;
} }
body .bi-button.button-ignore, body .bi-button.button-ignore,
#body .bi-button.button-ignore { #body .bi-button.button-ignore {
background-color: #ffffff; background-color: #ffffff;
border-color: #d4dadd; border-color: #178cdf;
} }
body .bi-button.button-ignore, body .bi-button.button-ignore,
#body .bi-button.button-ignore, #body .bi-button.button-ignore,
body .bi-button.button-ignore .b-font:before, body .bi-button.button-ignore .b-font:before,
#body .bi-button.button-ignore .b-font:before { #body .bi-button.button-ignore .b-font:before {
color: #1a1a1a; color: #3685f2;
} }
body .bi-button.button-ignore.clear, body .bi-button.button-ignore.clear,
#body .bi-button.button-ignore.clear { #body .bi-button.button-ignore.clear {
@ -916,8 +919,8 @@ body .bi-button.button-success.clear .b-font:before,
} }
body .bi-button.button-warning, body .bi-button.button-warning,
#body .bi-button.button-warning { #body .bi-button.button-warning {
background-color: #ff4949; background-color: #faaa39;
border-color: #e85050; border-color: #fbb03b;
} }
body .bi-button.button-warning, body .bi-button.button-warning,
#body .bi-button.button-warning, #body .bi-button.button-warning,
@ -934,18 +937,44 @@ body .bi-button.button-warning.clear,
#body .bi-button.button-warning.clear, #body .bi-button.button-warning.clear,
body .bi-button.button-warning.clear .b-font:before, body .bi-button.button-warning.clear .b-font:before,
#body .bi-button.button-warning.clear .b-font:before { #body .bi-button.button-warning.clear .b-font:before {
color: #faaa39;
}
body .bi-button.button-error,
#body .bi-button.button-error {
background-color: #ff4949;
border-color: #e85050;
}
body .bi-button.button-error,
#body .bi-button.button-error,
body .bi-button.button-error .b-font:before,
#body .bi-button.button-error .b-font:before {
color: #ffffff;
}
body .bi-button.button-error.clear,
#body .bi-button.button-error.clear {
background-color: transparent;
border-width: 0;
}
body .bi-button.button-error.clear,
#body .bi-button.button-error.clear,
body .bi-button.button-error.clear .b-font:before,
#body .bi-button.button-error.clear .b-font:before {
color: #ff4949; color: #ff4949;
} }
body .bi-button.button-common.disabled, body .bi-button.button-common.disabled,
#body .bi-button.button-common.disabled, #body .bi-button.button-common.disabled,
body .bi-button.button-success.disabled, body .bi-button.button-success.disabled,
#body .bi-button.button-success.disabled, #body .bi-button.button-success.disabled,
body .bi-button.button-error.disabled,
#body .bi-button.button-error.disabled,
body .bi-button.button-warning.disabled, body .bi-button.button-warning.disabled,
#body .bi-button.button-warning.disabled, #body .bi-button.button-warning.disabled,
body .bi-button.button-common.disabled.base-disabled, body .bi-button.button-common.disabled.base-disabled,
#body .bi-button.button-common.disabled.base-disabled, #body .bi-button.button-common.disabled.base-disabled,
body .bi-button.button-success.disabled.base-disabled, body .bi-button.button-success.disabled.base-disabled,
#body .bi-button.button-success.disabled.base-disabled, #body .bi-button.button-success.disabled.base-disabled,
body .bi-button.button-error.disabled.base-disabled,
#body .bi-button.button-error.disabled.base-disabled,
body .bi-button.button-warning.disabled.base-disabled, body .bi-button.button-warning.disabled.base-disabled,
#body .bi-button.button-warning.disabled.base-disabled { #body .bi-button.button-warning.disabled.base-disabled {
background: #cccccc !important; background: #cccccc !important;
@ -955,24 +984,32 @@ body .bi-button.button-common.disabled,
#body .bi-button.button-common.disabled, #body .bi-button.button-common.disabled,
body .bi-button.button-success.disabled, body .bi-button.button-success.disabled,
#body .bi-button.button-success.disabled, #body .bi-button.button-success.disabled,
body .bi-button.button-error.disabled,
#body .bi-button.button-error.disabled,
body .bi-button.button-warning.disabled, body .bi-button.button-warning.disabled,
#body .bi-button.button-warning.disabled, #body .bi-button.button-warning.disabled,
body .bi-button.button-common.disabled.base-disabled, body .bi-button.button-common.disabled.base-disabled,
#body .bi-button.button-common.disabled.base-disabled, #body .bi-button.button-common.disabled.base-disabled,
body .bi-button.button-success.disabled.base-disabled, body .bi-button.button-success.disabled.base-disabled,
#body .bi-button.button-success.disabled.base-disabled, #body .bi-button.button-success.disabled.base-disabled,
body .bi-button.button-error.disabled.base-disabled,
#body .bi-button.button-error.disabled.base-disabled,
body .bi-button.button-warning.disabled.base-disabled, body .bi-button.button-warning.disabled.base-disabled,
#body .bi-button.button-warning.disabled.base-disabled, #body .bi-button.button-warning.disabled.base-disabled,
body .bi-button.button-common.disabled .b-font:before, body .bi-button.button-common.disabled .b-font:before,
#body .bi-button.button-common.disabled .b-font:before, #body .bi-button.button-common.disabled .b-font:before,
body .bi-button.button-success.disabled .b-font:before, body .bi-button.button-success.disabled .b-font:before,
#body .bi-button.button-success.disabled .b-font:before, #body .bi-button.button-success.disabled .b-font:before,
body .bi-button.button-error.disabled .b-font:before,
#body .bi-button.button-error.disabled .b-font:before,
body .bi-button.button-warning.disabled .b-font:before, body .bi-button.button-warning.disabled .b-font:before,
#body .bi-button.button-warning.disabled .b-font:before, #body .bi-button.button-warning.disabled .b-font:before,
body .bi-button.button-common.disabled.base-disabled .b-font:before, body .bi-button.button-common.disabled.base-disabled .b-font:before,
#body .bi-button.button-common.disabled.base-disabled .b-font:before, #body .bi-button.button-common.disabled.base-disabled .b-font:before,
body .bi-button.button-success.disabled.base-disabled .b-font:before, body .bi-button.button-success.disabled.base-disabled .b-font:before,
#body .bi-button.button-success.disabled.base-disabled .b-font:before, #body .bi-button.button-success.disabled.base-disabled .b-font:before,
body .bi-button.button-error.disabled.base-disabled .b-font:before,
#body .bi-button.button-error.disabled.base-disabled .b-font:before,
body .bi-button.button-warning.disabled.base-disabled .b-font:before, body .bi-button.button-warning.disabled.base-disabled .b-font:before,
#body .bi-button.button-warning.disabled.base-disabled .b-font:before { #body .bi-button.button-warning.disabled.base-disabled .b-font:before {
color: #ffffff !important; color: #ffffff !important;
@ -994,6 +1031,8 @@ body .bi-button.button-success.disabled.clear,
#body .bi-button.button-success.disabled.clear, #body .bi-button.button-success.disabled.clear,
body .bi-button.button-warning.disabled.clear, body .bi-button.button-warning.disabled.clear,
#body .bi-button.button-warning.disabled.clear, #body .bi-button.button-warning.disabled.clear,
body .bi-button.button-error.disabled.clear,
#body .bi-button.button-error.disabled.clear,
body .bi-button.button-ignore.disabled.clear, body .bi-button.button-ignore.disabled.clear,
#body .bi-button.button-ignore.disabled.clear { #body .bi-button.button-ignore.disabled.clear {
background: transparent !important; background: transparent !important;
@ -1005,6 +1044,8 @@ body .bi-button.button-success.disabled.clear,
#body .bi-button.button-success.disabled.clear, #body .bi-button.button-success.disabled.clear,
body .bi-button.button-warning.disabled.clear, body .bi-button.button-warning.disabled.clear,
#body .bi-button.button-warning.disabled.clear, #body .bi-button.button-warning.disabled.clear,
body .bi-button.button-error.disabled.clear,
#body .bi-button.button-error.disabled.clear,
body .bi-button.button-ignore.disabled.clear, body .bi-button.button-ignore.disabled.clear,
#body .bi-button.button-ignore.disabled.clear, #body .bi-button.button-ignore.disabled.clear,
body .bi-button.button-common.disabled.clear .b-font:before, body .bi-button.button-common.disabled.clear .b-font:before,
@ -1013,6 +1054,8 @@ body .bi-button.button-success.disabled.clear .b-font:before,
#body .bi-button.button-success.disabled.clear .b-font:before, #body .bi-button.button-success.disabled.clear .b-font:before,
body .bi-button.button-warning.disabled.clear .b-font:before, body .bi-button.button-warning.disabled.clear .b-font:before,
#body .bi-button.button-warning.disabled.clear .b-font:before, #body .bi-button.button-warning.disabled.clear .b-font:before,
body .bi-button.button-error.disabled.clear .b-font:before,
#body .bi-button.button-error.disabled.clear .b-font:before,
body .bi-button.button-ignore.disabled.clear .b-font:before, body .bi-button.button-ignore.disabled.clear .b-font:before,
#body .bi-button.button-ignore.disabled.clear .b-font:before { #body .bi-button.button-ignore.disabled.clear .b-font:before {
color: #9ea6b2 !important; color: #9ea6b2 !important;
@ -1023,6 +1066,8 @@ body .bi-button.button-success.disabled.clear:hover,
#body .bi-button.button-success.disabled.clear:hover, #body .bi-button.button-success.disabled.clear:hover,
body .bi-button.button-warning.disabled.clear:hover, body .bi-button.button-warning.disabled.clear:hover,
#body .bi-button.button-warning.disabled.clear:hover, #body .bi-button.button-warning.disabled.clear:hover,
body .bi-button.button-error.disabled.clear:hover,
#body .bi-button.button-error.disabled.clear:hover,
body .bi-button.button-ignore.disabled.clear:hover, body .bi-button.button-ignore.disabled.clear:hover,
#body .bi-button.button-ignore.disabled.clear:hover, #body .bi-button.button-ignore.disabled.clear:hover,
body .bi-button.button-common.disabled.clear:active, body .bi-button.button-common.disabled.clear:active,
@ -1031,6 +1076,8 @@ body .bi-button.button-success.disabled.clear:active,
#body .bi-button.button-success.disabled.clear:active, #body .bi-button.button-success.disabled.clear:active,
body .bi-button.button-warning.disabled.clear:active, body .bi-button.button-warning.disabled.clear:active,
#body .bi-button.button-warning.disabled.clear:active, #body .bi-button.button-warning.disabled.clear:active,
body .bi-button.button-error.disabled.clear:active,
#body .bi-button.button-error.disabled.clear:active,
body .bi-button.button-ignore.disabled.clear:active, body .bi-button.button-ignore.disabled.clear:active,
#body .bi-button.button-ignore.disabled.clear:active { #body .bi-button.button-ignore.disabled.clear:active {
opacity: 1; opacity: 1;
@ -1042,6 +1089,8 @@ body .bi-button.button-success.disabled.ghost,
#body .bi-button.button-success.disabled.ghost, #body .bi-button.button-success.disabled.ghost,
body .bi-button.button-warning.disabled.ghost, body .bi-button.button-warning.disabled.ghost,
#body .bi-button.button-warning.disabled.ghost, #body .bi-button.button-warning.disabled.ghost,
body .bi-button.button-error.disabled.ghost,
#body .bi-button.button-error.disabled.ghost,
body .bi-button.button-ignore.disabled.ghost, body .bi-button.button-ignore.disabled.ghost,
#body .bi-button.button-ignore.disabled.ghost { #body .bi-button.button-ignore.disabled.ghost {
background: transparent !important; background: transparent !important;
@ -1055,6 +1104,8 @@ body .bi-button.button-success.disabled.ghost,
#body .bi-button.button-success.disabled.ghost, #body .bi-button.button-success.disabled.ghost,
body .bi-button.button-warning.disabled.ghost, body .bi-button.button-warning.disabled.ghost,
#body .bi-button.button-warning.disabled.ghost, #body .bi-button.button-warning.disabled.ghost,
body .bi-button.button-error.disabled.ghost,
#body .bi-button.button-error.disabled.ghost,
body .bi-button.button-ignore.disabled.ghost, body .bi-button.button-ignore.disabled.ghost,
#body .bi-button.button-ignore.disabled.ghost, #body .bi-button.button-ignore.disabled.ghost,
body .bi-button.button-common.disabled.ghost .b-font:before, body .bi-button.button-common.disabled.ghost .b-font:before,
@ -1063,20 +1114,28 @@ body .bi-button.button-success.disabled.ghost .b-font:before,
#body .bi-button.button-success.disabled.ghost .b-font:before, #body .bi-button.button-success.disabled.ghost .b-font:before,
body .bi-button.button-warning.disabled.ghost .b-font:before, body .bi-button.button-warning.disabled.ghost .b-font:before,
#body .bi-button.button-warning.disabled.ghost .b-font:before, #body .bi-button.button-warning.disabled.ghost .b-font:before,
body .bi-button.button-error.disabled.ghost .b-font:before,
#body .bi-button.button-error.disabled.ghost .b-font:before,
body .bi-button.button-ignore.disabled.ghost .b-font:before, body .bi-button.button-ignore.disabled.ghost .b-font:before,
#body .bi-button.button-ignore.disabled.ghost .b-font:before { #body .bi-button.button-ignore.disabled.ghost .b-font:before {
color: #3685f2 !important; color: #3685f2 !important;
} }
.bi-basic-button.button-common .bi-button-mask, .bi-basic-button.button-common:hover .bi-button-mask,
.bi-basic-button.button-success .bi-button-mask, .bi-basic-button.button-success:hover .bi-button-mask,
.bi-basic-button.button-warning .bi-button-mask { .bi-basic-button.button-warning:hover .bi-button-mask,
opacity: 0.2; .bi-basic-button.button-error:hover .bi-button-mask,
filter: alpha(opacity=20); .bi-basic-button.button-ignore:hover .bi-button-mask {
opacity: 0.1;
filter: alpha(opacity=10);
background-color: #ffffff; background-color: #ffffff;
} }
.bi-basic-button .bi-button-mask { .bi-basic-button.button-common:active .bi-button-mask,
opacity: 0.2; .bi-basic-button.button-success:active .bi-button-mask,
filter: alpha(opacity=20); .bi-basic-button.button-warning:active .bi-button-mask,
.bi-basic-button.button-error:active .bi-button-mask,
.bi-basic-button.button-ignore:active .bi-button-mask {
opacity: 0.1;
filter: alpha(opacity=10);
background-color: #1a1a1a; background-color: #1a1a1a;
} }
.bi-theme-dark body .bi-button.button-common.ghost, .bi-theme-dark body .bi-button.button-common.ghost,

2
dist/base.js vendored

@ -16520,7 +16520,7 @@ BI.shortcut("bi.image_button", BI.ImageButton);(function ($) {
return BI.extend(conf, { return BI.extend(conf, {
baseCls: (conf.baseCls || "") + " bi-button", baseCls: (conf.baseCls || "") + " bi-button",
minWidth: (props.block === true || props.clear === true) ? 0 : 90, minWidth: (props.block === true || props.clear === true) ? 0 : 90,
shadow: props.clear !== true && props.ghost !== true, shadow: props.clear !== true,
isShadowShowingOnSelected: true, isShadowShowingOnSelected: true,
readonly: true, readonly: true,
iconCls: "", iconCls: "",

91
dist/bundle.css vendored

@ -2885,11 +2885,14 @@ body .bi-button.clear,
background-color: transparent; background-color: transparent;
} }
body .bi-button.clear:hover, body .bi-button.clear:hover,
#body .bi-button.clear:hover, #body .bi-button.clear:hover {
opacity: 0.9;
filter: alpha(opacity=90);
}
body .bi-button.clear:active, body .bi-button.clear:active,
#body .bi-button.clear:active { #body .bi-button.clear:active {
opacity: 0.75; opacity: 0.8;
filter: alpha(opacity=75); filter: alpha(opacity=80);
} }
body .bi-button.ghost, body .bi-button.ghost,
#body .bi-button.ghost { #body .bi-button.ghost {
@ -2921,18 +2924,18 @@ body .bi-button.button-common.ghost:hover,
} }
body .bi-button.button-common.ghost:active, body .bi-button.button-common.ghost:active,
#body .bi-button.button-common.ghost:active { #body .bi-button.button-common.ghost:active {
background-color: #3077DA; background-color: #3f8ce8;
} }
body .bi-button.button-ignore, body .bi-button.button-ignore,
#body .bi-button.button-ignore { #body .bi-button.button-ignore {
background-color: #ffffff; background-color: #ffffff;
border-color: #d4dadd; border-color: #178cdf;
} }
body .bi-button.button-ignore, body .bi-button.button-ignore,
#body .bi-button.button-ignore, #body .bi-button.button-ignore,
body .bi-button.button-ignore .b-font:before, body .bi-button.button-ignore .b-font:before,
#body .bi-button.button-ignore .b-font:before { #body .bi-button.button-ignore .b-font:before {
color: #1a1a1a; color: #3685f2;
} }
body .bi-button.button-ignore.clear, body .bi-button.button-ignore.clear,
#body .bi-button.button-ignore.clear { #body .bi-button.button-ignore.clear {
@ -2963,8 +2966,8 @@ body .bi-button.button-success.clear .b-font:before,
} }
body .bi-button.button-warning, body .bi-button.button-warning,
#body .bi-button.button-warning { #body .bi-button.button-warning {
background-color: #ff4949; background-color: #faaa39;
border-color: #e85050; border-color: #fbb03b;
} }
body .bi-button.button-warning, body .bi-button.button-warning,
#body .bi-button.button-warning, #body .bi-button.button-warning,
@ -2981,18 +2984,44 @@ body .bi-button.button-warning.clear,
#body .bi-button.button-warning.clear, #body .bi-button.button-warning.clear,
body .bi-button.button-warning.clear .b-font:before, body .bi-button.button-warning.clear .b-font:before,
#body .bi-button.button-warning.clear .b-font:before { #body .bi-button.button-warning.clear .b-font:before {
color: #faaa39;
}
body .bi-button.button-error,
#body .bi-button.button-error {
background-color: #ff4949;
border-color: #e85050;
}
body .bi-button.button-error,
#body .bi-button.button-error,
body .bi-button.button-error .b-font:before,
#body .bi-button.button-error .b-font:before {
color: #ffffff;
}
body .bi-button.button-error.clear,
#body .bi-button.button-error.clear {
background-color: transparent;
border-width: 0;
}
body .bi-button.button-error.clear,
#body .bi-button.button-error.clear,
body .bi-button.button-error.clear .b-font:before,
#body .bi-button.button-error.clear .b-font:before {
color: #ff4949; color: #ff4949;
} }
body .bi-button.button-common.disabled, body .bi-button.button-common.disabled,
#body .bi-button.button-common.disabled, #body .bi-button.button-common.disabled,
body .bi-button.button-success.disabled, body .bi-button.button-success.disabled,
#body .bi-button.button-success.disabled, #body .bi-button.button-success.disabled,
body .bi-button.button-error.disabled,
#body .bi-button.button-error.disabled,
body .bi-button.button-warning.disabled, body .bi-button.button-warning.disabled,
#body .bi-button.button-warning.disabled, #body .bi-button.button-warning.disabled,
body .bi-button.button-common.disabled.base-disabled, body .bi-button.button-common.disabled.base-disabled,
#body .bi-button.button-common.disabled.base-disabled, #body .bi-button.button-common.disabled.base-disabled,
body .bi-button.button-success.disabled.base-disabled, body .bi-button.button-success.disabled.base-disabled,
#body .bi-button.button-success.disabled.base-disabled, #body .bi-button.button-success.disabled.base-disabled,
body .bi-button.button-error.disabled.base-disabled,
#body .bi-button.button-error.disabled.base-disabled,
body .bi-button.button-warning.disabled.base-disabled, body .bi-button.button-warning.disabled.base-disabled,
#body .bi-button.button-warning.disabled.base-disabled { #body .bi-button.button-warning.disabled.base-disabled {
background: #cccccc !important; background: #cccccc !important;
@ -3002,24 +3031,32 @@ body .bi-button.button-common.disabled,
#body .bi-button.button-common.disabled, #body .bi-button.button-common.disabled,
body .bi-button.button-success.disabled, body .bi-button.button-success.disabled,
#body .bi-button.button-success.disabled, #body .bi-button.button-success.disabled,
body .bi-button.button-error.disabled,
#body .bi-button.button-error.disabled,
body .bi-button.button-warning.disabled, body .bi-button.button-warning.disabled,
#body .bi-button.button-warning.disabled, #body .bi-button.button-warning.disabled,
body .bi-button.button-common.disabled.base-disabled, body .bi-button.button-common.disabled.base-disabled,
#body .bi-button.button-common.disabled.base-disabled, #body .bi-button.button-common.disabled.base-disabled,
body .bi-button.button-success.disabled.base-disabled, body .bi-button.button-success.disabled.base-disabled,
#body .bi-button.button-success.disabled.base-disabled, #body .bi-button.button-success.disabled.base-disabled,
body .bi-button.button-error.disabled.base-disabled,
#body .bi-button.button-error.disabled.base-disabled,
body .bi-button.button-warning.disabled.base-disabled, body .bi-button.button-warning.disabled.base-disabled,
#body .bi-button.button-warning.disabled.base-disabled, #body .bi-button.button-warning.disabled.base-disabled,
body .bi-button.button-common.disabled .b-font:before, body .bi-button.button-common.disabled .b-font:before,
#body .bi-button.button-common.disabled .b-font:before, #body .bi-button.button-common.disabled .b-font:before,
body .bi-button.button-success.disabled .b-font:before, body .bi-button.button-success.disabled .b-font:before,
#body .bi-button.button-success.disabled .b-font:before, #body .bi-button.button-success.disabled .b-font:before,
body .bi-button.button-error.disabled .b-font:before,
#body .bi-button.button-error.disabled .b-font:before,
body .bi-button.button-warning.disabled .b-font:before, body .bi-button.button-warning.disabled .b-font:before,
#body .bi-button.button-warning.disabled .b-font:before, #body .bi-button.button-warning.disabled .b-font:before,
body .bi-button.button-common.disabled.base-disabled .b-font:before, body .bi-button.button-common.disabled.base-disabled .b-font:before,
#body .bi-button.button-common.disabled.base-disabled .b-font:before, #body .bi-button.button-common.disabled.base-disabled .b-font:before,
body .bi-button.button-success.disabled.base-disabled .b-font:before, body .bi-button.button-success.disabled.base-disabled .b-font:before,
#body .bi-button.button-success.disabled.base-disabled .b-font:before, #body .bi-button.button-success.disabled.base-disabled .b-font:before,
body .bi-button.button-error.disabled.base-disabled .b-font:before,
#body .bi-button.button-error.disabled.base-disabled .b-font:before,
body .bi-button.button-warning.disabled.base-disabled .b-font:before, body .bi-button.button-warning.disabled.base-disabled .b-font:before,
#body .bi-button.button-warning.disabled.base-disabled .b-font:before { #body .bi-button.button-warning.disabled.base-disabled .b-font:before {
color: #ffffff !important; color: #ffffff !important;
@ -3041,6 +3078,8 @@ body .bi-button.button-success.disabled.clear,
#body .bi-button.button-success.disabled.clear, #body .bi-button.button-success.disabled.clear,
body .bi-button.button-warning.disabled.clear, body .bi-button.button-warning.disabled.clear,
#body .bi-button.button-warning.disabled.clear, #body .bi-button.button-warning.disabled.clear,
body .bi-button.button-error.disabled.clear,
#body .bi-button.button-error.disabled.clear,
body .bi-button.button-ignore.disabled.clear, body .bi-button.button-ignore.disabled.clear,
#body .bi-button.button-ignore.disabled.clear { #body .bi-button.button-ignore.disabled.clear {
background: transparent !important; background: transparent !important;
@ -3052,6 +3091,8 @@ body .bi-button.button-success.disabled.clear,
#body .bi-button.button-success.disabled.clear, #body .bi-button.button-success.disabled.clear,
body .bi-button.button-warning.disabled.clear, body .bi-button.button-warning.disabled.clear,
#body .bi-button.button-warning.disabled.clear, #body .bi-button.button-warning.disabled.clear,
body .bi-button.button-error.disabled.clear,
#body .bi-button.button-error.disabled.clear,
body .bi-button.button-ignore.disabled.clear, body .bi-button.button-ignore.disabled.clear,
#body .bi-button.button-ignore.disabled.clear, #body .bi-button.button-ignore.disabled.clear,
body .bi-button.button-common.disabled.clear .b-font:before, body .bi-button.button-common.disabled.clear .b-font:before,
@ -3060,6 +3101,8 @@ body .bi-button.button-success.disabled.clear .b-font:before,
#body .bi-button.button-success.disabled.clear .b-font:before, #body .bi-button.button-success.disabled.clear .b-font:before,
body .bi-button.button-warning.disabled.clear .b-font:before, body .bi-button.button-warning.disabled.clear .b-font:before,
#body .bi-button.button-warning.disabled.clear .b-font:before, #body .bi-button.button-warning.disabled.clear .b-font:before,
body .bi-button.button-error.disabled.clear .b-font:before,
#body .bi-button.button-error.disabled.clear .b-font:before,
body .bi-button.button-ignore.disabled.clear .b-font:before, body .bi-button.button-ignore.disabled.clear .b-font:before,
#body .bi-button.button-ignore.disabled.clear .b-font:before { #body .bi-button.button-ignore.disabled.clear .b-font:before {
color: #9ea6b2 !important; color: #9ea6b2 !important;
@ -3070,6 +3113,8 @@ body .bi-button.button-success.disabled.clear:hover,
#body .bi-button.button-success.disabled.clear:hover, #body .bi-button.button-success.disabled.clear:hover,
body .bi-button.button-warning.disabled.clear:hover, body .bi-button.button-warning.disabled.clear:hover,
#body .bi-button.button-warning.disabled.clear:hover, #body .bi-button.button-warning.disabled.clear:hover,
body .bi-button.button-error.disabled.clear:hover,
#body .bi-button.button-error.disabled.clear:hover,
body .bi-button.button-ignore.disabled.clear:hover, body .bi-button.button-ignore.disabled.clear:hover,
#body .bi-button.button-ignore.disabled.clear:hover, #body .bi-button.button-ignore.disabled.clear:hover,
body .bi-button.button-common.disabled.clear:active, body .bi-button.button-common.disabled.clear:active,
@ -3078,6 +3123,8 @@ body .bi-button.button-success.disabled.clear:active,
#body .bi-button.button-success.disabled.clear:active, #body .bi-button.button-success.disabled.clear:active,
body .bi-button.button-warning.disabled.clear:active, body .bi-button.button-warning.disabled.clear:active,
#body .bi-button.button-warning.disabled.clear:active, #body .bi-button.button-warning.disabled.clear:active,
body .bi-button.button-error.disabled.clear:active,
#body .bi-button.button-error.disabled.clear:active,
body .bi-button.button-ignore.disabled.clear:active, body .bi-button.button-ignore.disabled.clear:active,
#body .bi-button.button-ignore.disabled.clear:active { #body .bi-button.button-ignore.disabled.clear:active {
opacity: 1; opacity: 1;
@ -3089,6 +3136,8 @@ body .bi-button.button-success.disabled.ghost,
#body .bi-button.button-success.disabled.ghost, #body .bi-button.button-success.disabled.ghost,
body .bi-button.button-warning.disabled.ghost, body .bi-button.button-warning.disabled.ghost,
#body .bi-button.button-warning.disabled.ghost, #body .bi-button.button-warning.disabled.ghost,
body .bi-button.button-error.disabled.ghost,
#body .bi-button.button-error.disabled.ghost,
body .bi-button.button-ignore.disabled.ghost, body .bi-button.button-ignore.disabled.ghost,
#body .bi-button.button-ignore.disabled.ghost { #body .bi-button.button-ignore.disabled.ghost {
background: transparent !important; background: transparent !important;
@ -3102,6 +3151,8 @@ body .bi-button.button-success.disabled.ghost,
#body .bi-button.button-success.disabled.ghost, #body .bi-button.button-success.disabled.ghost,
body .bi-button.button-warning.disabled.ghost, body .bi-button.button-warning.disabled.ghost,
#body .bi-button.button-warning.disabled.ghost, #body .bi-button.button-warning.disabled.ghost,
body .bi-button.button-error.disabled.ghost,
#body .bi-button.button-error.disabled.ghost,
body .bi-button.button-ignore.disabled.ghost, body .bi-button.button-ignore.disabled.ghost,
#body .bi-button.button-ignore.disabled.ghost, #body .bi-button.button-ignore.disabled.ghost,
body .bi-button.button-common.disabled.ghost .b-font:before, body .bi-button.button-common.disabled.ghost .b-font:before,
@ -3110,20 +3161,28 @@ body .bi-button.button-success.disabled.ghost .b-font:before,
#body .bi-button.button-success.disabled.ghost .b-font:before, #body .bi-button.button-success.disabled.ghost .b-font:before,
body .bi-button.button-warning.disabled.ghost .b-font:before, body .bi-button.button-warning.disabled.ghost .b-font:before,
#body .bi-button.button-warning.disabled.ghost .b-font:before, #body .bi-button.button-warning.disabled.ghost .b-font:before,
body .bi-button.button-error.disabled.ghost .b-font:before,
#body .bi-button.button-error.disabled.ghost .b-font:before,
body .bi-button.button-ignore.disabled.ghost .b-font:before, body .bi-button.button-ignore.disabled.ghost .b-font:before,
#body .bi-button.button-ignore.disabled.ghost .b-font:before { #body .bi-button.button-ignore.disabled.ghost .b-font:before {
color: #3685f2 !important; color: #3685f2 !important;
} }
.bi-basic-button.button-common .bi-button-mask, .bi-basic-button.button-common:hover .bi-button-mask,
.bi-basic-button.button-success .bi-button-mask, .bi-basic-button.button-success:hover .bi-button-mask,
.bi-basic-button.button-warning .bi-button-mask { .bi-basic-button.button-warning:hover .bi-button-mask,
opacity: 0.2; .bi-basic-button.button-error:hover .bi-button-mask,
filter: alpha(opacity=20); .bi-basic-button.button-ignore:hover .bi-button-mask {
opacity: 0.1;
filter: alpha(opacity=10);
background-color: #ffffff; background-color: #ffffff;
} }
.bi-basic-button .bi-button-mask { .bi-basic-button.button-common:active .bi-button-mask,
opacity: 0.2; .bi-basic-button.button-success:active .bi-button-mask,
filter: alpha(opacity=20); .bi-basic-button.button-warning:active .bi-button-mask,
.bi-basic-button.button-error:active .bi-button-mask,
.bi-basic-button.button-ignore:active .bi-button-mask {
opacity: 0.1;
filter: alpha(opacity=10);
background-color: #1a1a1a; background-color: #1a1a1a;
} }
.bi-theme-dark body .bi-button.button-common.ghost, .bi-theme-dark body .bi-button.button-common.ghost,

2
dist/bundle.js vendored

@ -42572,7 +42572,7 @@ BI.shortcut("bi.image_button", BI.ImageButton);(function ($) {
return BI.extend(conf, { return BI.extend(conf, {
baseCls: (conf.baseCls || "") + " bi-button", baseCls: (conf.baseCls || "") + " bi-button",
minWidth: (props.block === true || props.clear === true) ? 0 : 90, minWidth: (props.block === true || props.clear === true) ? 0 : 90,
shadow: props.clear !== true && props.ghost !== true, shadow: props.clear !== true,
isShadowShowingOnSelected: true, isShadowShowingOnSelected: true,
readonly: true, readonly: true,
iconCls: "", iconCls: "",

7
dist/demo.js vendored

@ -44,6 +44,13 @@ $(function () {
level: "warning", level: "warning",
height: 30 height: 30
} }
}, {
el: {
type: "bi.button",
text: "表示错误状态的按钮",
level: "error",
height: 30
}
}, { }, {
el: { el: {
type: "bi.button", type: "bi.button",

91
dist/fineui.css vendored

@ -2885,11 +2885,14 @@ body .bi-button.clear,
background-color: transparent; background-color: transparent;
} }
body .bi-button.clear:hover, body .bi-button.clear:hover,
#body .bi-button.clear:hover, #body .bi-button.clear:hover {
opacity: 0.9;
filter: alpha(opacity=90);
}
body .bi-button.clear:active, body .bi-button.clear:active,
#body .bi-button.clear:active { #body .bi-button.clear:active {
opacity: 0.75; opacity: 0.8;
filter: alpha(opacity=75); filter: alpha(opacity=80);
} }
body .bi-button.ghost, body .bi-button.ghost,
#body .bi-button.ghost { #body .bi-button.ghost {
@ -2921,18 +2924,18 @@ body .bi-button.button-common.ghost:hover,
} }
body .bi-button.button-common.ghost:active, body .bi-button.button-common.ghost:active,
#body .bi-button.button-common.ghost:active { #body .bi-button.button-common.ghost:active {
background-color: #3077DA; background-color: #3f8ce8;
} }
body .bi-button.button-ignore, body .bi-button.button-ignore,
#body .bi-button.button-ignore { #body .bi-button.button-ignore {
background-color: #ffffff; background-color: #ffffff;
border-color: #d4dadd; border-color: #178cdf;
} }
body .bi-button.button-ignore, body .bi-button.button-ignore,
#body .bi-button.button-ignore, #body .bi-button.button-ignore,
body .bi-button.button-ignore .b-font:before, body .bi-button.button-ignore .b-font:before,
#body .bi-button.button-ignore .b-font:before { #body .bi-button.button-ignore .b-font:before {
color: #1a1a1a; color: #3685f2;
} }
body .bi-button.button-ignore.clear, body .bi-button.button-ignore.clear,
#body .bi-button.button-ignore.clear { #body .bi-button.button-ignore.clear {
@ -2963,8 +2966,8 @@ body .bi-button.button-success.clear .b-font:before,
} }
body .bi-button.button-warning, body .bi-button.button-warning,
#body .bi-button.button-warning { #body .bi-button.button-warning {
background-color: #ff4949; background-color: #faaa39;
border-color: #e85050; border-color: #fbb03b;
} }
body .bi-button.button-warning, body .bi-button.button-warning,
#body .bi-button.button-warning, #body .bi-button.button-warning,
@ -2981,18 +2984,44 @@ body .bi-button.button-warning.clear,
#body .bi-button.button-warning.clear, #body .bi-button.button-warning.clear,
body .bi-button.button-warning.clear .b-font:before, body .bi-button.button-warning.clear .b-font:before,
#body .bi-button.button-warning.clear .b-font:before { #body .bi-button.button-warning.clear .b-font:before {
color: #faaa39;
}
body .bi-button.button-error,
#body .bi-button.button-error {
background-color: #ff4949;
border-color: #e85050;
}
body .bi-button.button-error,
#body .bi-button.button-error,
body .bi-button.button-error .b-font:before,
#body .bi-button.button-error .b-font:before {
color: #ffffff;
}
body .bi-button.button-error.clear,
#body .bi-button.button-error.clear {
background-color: transparent;
border-width: 0;
}
body .bi-button.button-error.clear,
#body .bi-button.button-error.clear,
body .bi-button.button-error.clear .b-font:before,
#body .bi-button.button-error.clear .b-font:before {
color: #ff4949; color: #ff4949;
} }
body .bi-button.button-common.disabled, body .bi-button.button-common.disabled,
#body .bi-button.button-common.disabled, #body .bi-button.button-common.disabled,
body .bi-button.button-success.disabled, body .bi-button.button-success.disabled,
#body .bi-button.button-success.disabled, #body .bi-button.button-success.disabled,
body .bi-button.button-error.disabled,
#body .bi-button.button-error.disabled,
body .bi-button.button-warning.disabled, body .bi-button.button-warning.disabled,
#body .bi-button.button-warning.disabled, #body .bi-button.button-warning.disabled,
body .bi-button.button-common.disabled.base-disabled, body .bi-button.button-common.disabled.base-disabled,
#body .bi-button.button-common.disabled.base-disabled, #body .bi-button.button-common.disabled.base-disabled,
body .bi-button.button-success.disabled.base-disabled, body .bi-button.button-success.disabled.base-disabled,
#body .bi-button.button-success.disabled.base-disabled, #body .bi-button.button-success.disabled.base-disabled,
body .bi-button.button-error.disabled.base-disabled,
#body .bi-button.button-error.disabled.base-disabled,
body .bi-button.button-warning.disabled.base-disabled, body .bi-button.button-warning.disabled.base-disabled,
#body .bi-button.button-warning.disabled.base-disabled { #body .bi-button.button-warning.disabled.base-disabled {
background: #cccccc !important; background: #cccccc !important;
@ -3002,24 +3031,32 @@ body .bi-button.button-common.disabled,
#body .bi-button.button-common.disabled, #body .bi-button.button-common.disabled,
body .bi-button.button-success.disabled, body .bi-button.button-success.disabled,
#body .bi-button.button-success.disabled, #body .bi-button.button-success.disabled,
body .bi-button.button-error.disabled,
#body .bi-button.button-error.disabled,
body .bi-button.button-warning.disabled, body .bi-button.button-warning.disabled,
#body .bi-button.button-warning.disabled, #body .bi-button.button-warning.disabled,
body .bi-button.button-common.disabled.base-disabled, body .bi-button.button-common.disabled.base-disabled,
#body .bi-button.button-common.disabled.base-disabled, #body .bi-button.button-common.disabled.base-disabled,
body .bi-button.button-success.disabled.base-disabled, body .bi-button.button-success.disabled.base-disabled,
#body .bi-button.button-success.disabled.base-disabled, #body .bi-button.button-success.disabled.base-disabled,
body .bi-button.button-error.disabled.base-disabled,
#body .bi-button.button-error.disabled.base-disabled,
body .bi-button.button-warning.disabled.base-disabled, body .bi-button.button-warning.disabled.base-disabled,
#body .bi-button.button-warning.disabled.base-disabled, #body .bi-button.button-warning.disabled.base-disabled,
body .bi-button.button-common.disabled .b-font:before, body .bi-button.button-common.disabled .b-font:before,
#body .bi-button.button-common.disabled .b-font:before, #body .bi-button.button-common.disabled .b-font:before,
body .bi-button.button-success.disabled .b-font:before, body .bi-button.button-success.disabled .b-font:before,
#body .bi-button.button-success.disabled .b-font:before, #body .bi-button.button-success.disabled .b-font:before,
body .bi-button.button-error.disabled .b-font:before,
#body .bi-button.button-error.disabled .b-font:before,
body .bi-button.button-warning.disabled .b-font:before, body .bi-button.button-warning.disabled .b-font:before,
#body .bi-button.button-warning.disabled .b-font:before, #body .bi-button.button-warning.disabled .b-font:before,
body .bi-button.button-common.disabled.base-disabled .b-font:before, body .bi-button.button-common.disabled.base-disabled .b-font:before,
#body .bi-button.button-common.disabled.base-disabled .b-font:before, #body .bi-button.button-common.disabled.base-disabled .b-font:before,
body .bi-button.button-success.disabled.base-disabled .b-font:before, body .bi-button.button-success.disabled.base-disabled .b-font:before,
#body .bi-button.button-success.disabled.base-disabled .b-font:before, #body .bi-button.button-success.disabled.base-disabled .b-font:before,
body .bi-button.button-error.disabled.base-disabled .b-font:before,
#body .bi-button.button-error.disabled.base-disabled .b-font:before,
body .bi-button.button-warning.disabled.base-disabled .b-font:before, body .bi-button.button-warning.disabled.base-disabled .b-font:before,
#body .bi-button.button-warning.disabled.base-disabled .b-font:before { #body .bi-button.button-warning.disabled.base-disabled .b-font:before {
color: #ffffff !important; color: #ffffff !important;
@ -3041,6 +3078,8 @@ body .bi-button.button-success.disabled.clear,
#body .bi-button.button-success.disabled.clear, #body .bi-button.button-success.disabled.clear,
body .bi-button.button-warning.disabled.clear, body .bi-button.button-warning.disabled.clear,
#body .bi-button.button-warning.disabled.clear, #body .bi-button.button-warning.disabled.clear,
body .bi-button.button-error.disabled.clear,
#body .bi-button.button-error.disabled.clear,
body .bi-button.button-ignore.disabled.clear, body .bi-button.button-ignore.disabled.clear,
#body .bi-button.button-ignore.disabled.clear { #body .bi-button.button-ignore.disabled.clear {
background: transparent !important; background: transparent !important;
@ -3052,6 +3091,8 @@ body .bi-button.button-success.disabled.clear,
#body .bi-button.button-success.disabled.clear, #body .bi-button.button-success.disabled.clear,
body .bi-button.button-warning.disabled.clear, body .bi-button.button-warning.disabled.clear,
#body .bi-button.button-warning.disabled.clear, #body .bi-button.button-warning.disabled.clear,
body .bi-button.button-error.disabled.clear,
#body .bi-button.button-error.disabled.clear,
body .bi-button.button-ignore.disabled.clear, body .bi-button.button-ignore.disabled.clear,
#body .bi-button.button-ignore.disabled.clear, #body .bi-button.button-ignore.disabled.clear,
body .bi-button.button-common.disabled.clear .b-font:before, body .bi-button.button-common.disabled.clear .b-font:before,
@ -3060,6 +3101,8 @@ body .bi-button.button-success.disabled.clear .b-font:before,
#body .bi-button.button-success.disabled.clear .b-font:before, #body .bi-button.button-success.disabled.clear .b-font:before,
body .bi-button.button-warning.disabled.clear .b-font:before, body .bi-button.button-warning.disabled.clear .b-font:before,
#body .bi-button.button-warning.disabled.clear .b-font:before, #body .bi-button.button-warning.disabled.clear .b-font:before,
body .bi-button.button-error.disabled.clear .b-font:before,
#body .bi-button.button-error.disabled.clear .b-font:before,
body .bi-button.button-ignore.disabled.clear .b-font:before, body .bi-button.button-ignore.disabled.clear .b-font:before,
#body .bi-button.button-ignore.disabled.clear .b-font:before { #body .bi-button.button-ignore.disabled.clear .b-font:before {
color: #9ea6b2 !important; color: #9ea6b2 !important;
@ -3070,6 +3113,8 @@ body .bi-button.button-success.disabled.clear:hover,
#body .bi-button.button-success.disabled.clear:hover, #body .bi-button.button-success.disabled.clear:hover,
body .bi-button.button-warning.disabled.clear:hover, body .bi-button.button-warning.disabled.clear:hover,
#body .bi-button.button-warning.disabled.clear:hover, #body .bi-button.button-warning.disabled.clear:hover,
body .bi-button.button-error.disabled.clear:hover,
#body .bi-button.button-error.disabled.clear:hover,
body .bi-button.button-ignore.disabled.clear:hover, body .bi-button.button-ignore.disabled.clear:hover,
#body .bi-button.button-ignore.disabled.clear:hover, #body .bi-button.button-ignore.disabled.clear:hover,
body .bi-button.button-common.disabled.clear:active, body .bi-button.button-common.disabled.clear:active,
@ -3078,6 +3123,8 @@ body .bi-button.button-success.disabled.clear:active,
#body .bi-button.button-success.disabled.clear:active, #body .bi-button.button-success.disabled.clear:active,
body .bi-button.button-warning.disabled.clear:active, body .bi-button.button-warning.disabled.clear:active,
#body .bi-button.button-warning.disabled.clear:active, #body .bi-button.button-warning.disabled.clear:active,
body .bi-button.button-error.disabled.clear:active,
#body .bi-button.button-error.disabled.clear:active,
body .bi-button.button-ignore.disabled.clear:active, body .bi-button.button-ignore.disabled.clear:active,
#body .bi-button.button-ignore.disabled.clear:active { #body .bi-button.button-ignore.disabled.clear:active {
opacity: 1; opacity: 1;
@ -3089,6 +3136,8 @@ body .bi-button.button-success.disabled.ghost,
#body .bi-button.button-success.disabled.ghost, #body .bi-button.button-success.disabled.ghost,
body .bi-button.button-warning.disabled.ghost, body .bi-button.button-warning.disabled.ghost,
#body .bi-button.button-warning.disabled.ghost, #body .bi-button.button-warning.disabled.ghost,
body .bi-button.button-error.disabled.ghost,
#body .bi-button.button-error.disabled.ghost,
body .bi-button.button-ignore.disabled.ghost, body .bi-button.button-ignore.disabled.ghost,
#body .bi-button.button-ignore.disabled.ghost { #body .bi-button.button-ignore.disabled.ghost {
background: transparent !important; background: transparent !important;
@ -3102,6 +3151,8 @@ body .bi-button.button-success.disabled.ghost,
#body .bi-button.button-success.disabled.ghost, #body .bi-button.button-success.disabled.ghost,
body .bi-button.button-warning.disabled.ghost, body .bi-button.button-warning.disabled.ghost,
#body .bi-button.button-warning.disabled.ghost, #body .bi-button.button-warning.disabled.ghost,
body .bi-button.button-error.disabled.ghost,
#body .bi-button.button-error.disabled.ghost,
body .bi-button.button-ignore.disabled.ghost, body .bi-button.button-ignore.disabled.ghost,
#body .bi-button.button-ignore.disabled.ghost, #body .bi-button.button-ignore.disabled.ghost,
body .bi-button.button-common.disabled.ghost .b-font:before, body .bi-button.button-common.disabled.ghost .b-font:before,
@ -3110,20 +3161,28 @@ body .bi-button.button-success.disabled.ghost .b-font:before,
#body .bi-button.button-success.disabled.ghost .b-font:before, #body .bi-button.button-success.disabled.ghost .b-font:before,
body .bi-button.button-warning.disabled.ghost .b-font:before, body .bi-button.button-warning.disabled.ghost .b-font:before,
#body .bi-button.button-warning.disabled.ghost .b-font:before, #body .bi-button.button-warning.disabled.ghost .b-font:before,
body .bi-button.button-error.disabled.ghost .b-font:before,
#body .bi-button.button-error.disabled.ghost .b-font:before,
body .bi-button.button-ignore.disabled.ghost .b-font:before, body .bi-button.button-ignore.disabled.ghost .b-font:before,
#body .bi-button.button-ignore.disabled.ghost .b-font:before { #body .bi-button.button-ignore.disabled.ghost .b-font:before {
color: #3685f2 !important; color: #3685f2 !important;
} }
.bi-basic-button.button-common .bi-button-mask, .bi-basic-button.button-common:hover .bi-button-mask,
.bi-basic-button.button-success .bi-button-mask, .bi-basic-button.button-success:hover .bi-button-mask,
.bi-basic-button.button-warning .bi-button-mask { .bi-basic-button.button-warning:hover .bi-button-mask,
opacity: 0.2; .bi-basic-button.button-error:hover .bi-button-mask,
filter: alpha(opacity=20); .bi-basic-button.button-ignore:hover .bi-button-mask {
opacity: 0.1;
filter: alpha(opacity=10);
background-color: #ffffff; background-color: #ffffff;
} }
.bi-basic-button .bi-button-mask { .bi-basic-button.button-common:active .bi-button-mask,
opacity: 0.2; .bi-basic-button.button-success:active .bi-button-mask,
filter: alpha(opacity=20); .bi-basic-button.button-warning:active .bi-button-mask,
.bi-basic-button.button-error:active .bi-button-mask,
.bi-basic-button.button-ignore:active .bi-button-mask {
opacity: 0.1;
filter: alpha(opacity=10);
background-color: #1a1a1a; background-color: #1a1a1a;
} }
.bi-theme-dark body .bi-button.button-common.ghost, .bi-theme-dark body .bi-button.button-common.ghost,

2
dist/fineui.js vendored

@ -44336,7 +44336,7 @@ BI.shortcut("bi.image_button", BI.ImageButton);(function ($) {
return BI.extend(conf, { return BI.extend(conf, {
baseCls: (conf.baseCls || "") + " bi-button", baseCls: (conf.baseCls || "") + " bi-button",
minWidth: (props.block === true || props.clear === true) ? 0 : 90, minWidth: (props.block === true || props.clear === true) ? 0 : 90,
shadow: props.clear !== true && props.ghost !== true, shadow: props.clear !== true,
isShadowShowingOnSelected: true, isShadowShowingOnSelected: true,
readonly: true, readonly: true,
iconCls: "", iconCls: "",

2
src/base/single/button/buttons/button.js

@ -15,7 +15,7 @@
return BI.extend(conf, { return BI.extend(conf, {
baseCls: (conf.baseCls || "") + " bi-button", baseCls: (conf.baseCls || "") + " bi-button",
minWidth: (props.block === true || props.clear === true) ? 0 : 90, minWidth: (props.block === true || props.clear === true) ? 0 : 90,
shadow: props.clear !== true && props.ghost !== true, shadow: props.clear !== true,
isShadowShowingOnSelected: true, isShadowShowingOnSelected: true,
readonly: true, readonly: true,
iconCls: "", iconCls: "",

14
src/css/base/pager/pager.css

@ -1,17 +1,3 @@
.bi-all-count-pager .all-pager-prev {
font-size: 16px;
}
.bi-all-count-pager .all-pager-next {
font-size: 16px;
}
.bi-direction-pager .direction-pager-prev {
font-size: 16px;
}
.bi-direction-pager .direction-pager-next {
font-size: 16px;
}
.bi-pager .page-item { .bi-pager .page-item {
-webkit-border-radius: 2px; -webkit-border-radius: 2px;
-moz-border-radius: 2px; -moz-border-radius: 2px;

91
src/css/base/single/button/button.css

@ -25,11 +25,14 @@ body .bi-button.clear,
background-color: transparent; background-color: transparent;
} }
body .bi-button.clear:hover, body .bi-button.clear:hover,
#body .bi-button.clear:hover, #body .bi-button.clear:hover {
opacity: 0.9;
filter: alpha(opacity=90);
}
body .bi-button.clear:active, body .bi-button.clear:active,
#body .bi-button.clear:active { #body .bi-button.clear:active {
opacity: 0.75; opacity: 0.8;
filter: alpha(opacity=75); filter: alpha(opacity=80);
} }
body .bi-button.ghost, body .bi-button.ghost,
#body .bi-button.ghost { #body .bi-button.ghost {
@ -61,18 +64,18 @@ body .bi-button.button-common.ghost:hover,
} }
body .bi-button.button-common.ghost:active, body .bi-button.button-common.ghost:active,
#body .bi-button.button-common.ghost:active { #body .bi-button.button-common.ghost:active {
background-color: #3077DA; background-color: #3f8ce8;
} }
body .bi-button.button-ignore, body .bi-button.button-ignore,
#body .bi-button.button-ignore { #body .bi-button.button-ignore {
background-color: #ffffff; background-color: #ffffff;
border-color: #d4dadd; border-color: #178cdf;
} }
body .bi-button.button-ignore, body .bi-button.button-ignore,
#body .bi-button.button-ignore, #body .bi-button.button-ignore,
body .bi-button.button-ignore .b-font:before, body .bi-button.button-ignore .b-font:before,
#body .bi-button.button-ignore .b-font:before { #body .bi-button.button-ignore .b-font:before {
color: #1a1a1a; color: #3685f2;
} }
body .bi-button.button-ignore.clear, body .bi-button.button-ignore.clear,
#body .bi-button.button-ignore.clear { #body .bi-button.button-ignore.clear {
@ -103,8 +106,8 @@ body .bi-button.button-success.clear .b-font:before,
} }
body .bi-button.button-warning, body .bi-button.button-warning,
#body .bi-button.button-warning { #body .bi-button.button-warning {
background-color: #ff4949; background-color: #faaa39;
border-color: #e85050; border-color: #fbb03b;
} }
body .bi-button.button-warning, body .bi-button.button-warning,
#body .bi-button.button-warning, #body .bi-button.button-warning,
@ -121,18 +124,44 @@ body .bi-button.button-warning.clear,
#body .bi-button.button-warning.clear, #body .bi-button.button-warning.clear,
body .bi-button.button-warning.clear .b-font:before, body .bi-button.button-warning.clear .b-font:before,
#body .bi-button.button-warning.clear .b-font:before { #body .bi-button.button-warning.clear .b-font:before {
color: #faaa39;
}
body .bi-button.button-error,
#body .bi-button.button-error {
background-color: #ff4949;
border-color: #e85050;
}
body .bi-button.button-error,
#body .bi-button.button-error,
body .bi-button.button-error .b-font:before,
#body .bi-button.button-error .b-font:before {
color: #ffffff;
}
body .bi-button.button-error.clear,
#body .bi-button.button-error.clear {
background-color: transparent;
border-width: 0;
}
body .bi-button.button-error.clear,
#body .bi-button.button-error.clear,
body .bi-button.button-error.clear .b-font:before,
#body .bi-button.button-error.clear .b-font:before {
color: #ff4949; color: #ff4949;
} }
body .bi-button.button-common.disabled, body .bi-button.button-common.disabled,
#body .bi-button.button-common.disabled, #body .bi-button.button-common.disabled,
body .bi-button.button-success.disabled, body .bi-button.button-success.disabled,
#body .bi-button.button-success.disabled, #body .bi-button.button-success.disabled,
body .bi-button.button-error.disabled,
#body .bi-button.button-error.disabled,
body .bi-button.button-warning.disabled, body .bi-button.button-warning.disabled,
#body .bi-button.button-warning.disabled, #body .bi-button.button-warning.disabled,
body .bi-button.button-common.disabled.base-disabled, body .bi-button.button-common.disabled.base-disabled,
#body .bi-button.button-common.disabled.base-disabled, #body .bi-button.button-common.disabled.base-disabled,
body .bi-button.button-success.disabled.base-disabled, body .bi-button.button-success.disabled.base-disabled,
#body .bi-button.button-success.disabled.base-disabled, #body .bi-button.button-success.disabled.base-disabled,
body .bi-button.button-error.disabled.base-disabled,
#body .bi-button.button-error.disabled.base-disabled,
body .bi-button.button-warning.disabled.base-disabled, body .bi-button.button-warning.disabled.base-disabled,
#body .bi-button.button-warning.disabled.base-disabled { #body .bi-button.button-warning.disabled.base-disabled {
background: #cccccc !important; background: #cccccc !important;
@ -142,24 +171,32 @@ body .bi-button.button-common.disabled,
#body .bi-button.button-common.disabled, #body .bi-button.button-common.disabled,
body .bi-button.button-success.disabled, body .bi-button.button-success.disabled,
#body .bi-button.button-success.disabled, #body .bi-button.button-success.disabled,
body .bi-button.button-error.disabled,
#body .bi-button.button-error.disabled,
body .bi-button.button-warning.disabled, body .bi-button.button-warning.disabled,
#body .bi-button.button-warning.disabled, #body .bi-button.button-warning.disabled,
body .bi-button.button-common.disabled.base-disabled, body .bi-button.button-common.disabled.base-disabled,
#body .bi-button.button-common.disabled.base-disabled, #body .bi-button.button-common.disabled.base-disabled,
body .bi-button.button-success.disabled.base-disabled, body .bi-button.button-success.disabled.base-disabled,
#body .bi-button.button-success.disabled.base-disabled, #body .bi-button.button-success.disabled.base-disabled,
body .bi-button.button-error.disabled.base-disabled,
#body .bi-button.button-error.disabled.base-disabled,
body .bi-button.button-warning.disabled.base-disabled, body .bi-button.button-warning.disabled.base-disabled,
#body .bi-button.button-warning.disabled.base-disabled, #body .bi-button.button-warning.disabled.base-disabled,
body .bi-button.button-common.disabled .b-font:before, body .bi-button.button-common.disabled .b-font:before,
#body .bi-button.button-common.disabled .b-font:before, #body .bi-button.button-common.disabled .b-font:before,
body .bi-button.button-success.disabled .b-font:before, body .bi-button.button-success.disabled .b-font:before,
#body .bi-button.button-success.disabled .b-font:before, #body .bi-button.button-success.disabled .b-font:before,
body .bi-button.button-error.disabled .b-font:before,
#body .bi-button.button-error.disabled .b-font:before,
body .bi-button.button-warning.disabled .b-font:before, body .bi-button.button-warning.disabled .b-font:before,
#body .bi-button.button-warning.disabled .b-font:before, #body .bi-button.button-warning.disabled .b-font:before,
body .bi-button.button-common.disabled.base-disabled .b-font:before, body .bi-button.button-common.disabled.base-disabled .b-font:before,
#body .bi-button.button-common.disabled.base-disabled .b-font:before, #body .bi-button.button-common.disabled.base-disabled .b-font:before,
body .bi-button.button-success.disabled.base-disabled .b-font:before, body .bi-button.button-success.disabled.base-disabled .b-font:before,
#body .bi-button.button-success.disabled.base-disabled .b-font:before, #body .bi-button.button-success.disabled.base-disabled .b-font:before,
body .bi-button.button-error.disabled.base-disabled .b-font:before,
#body .bi-button.button-error.disabled.base-disabled .b-font:before,
body .bi-button.button-warning.disabled.base-disabled .b-font:before, body .bi-button.button-warning.disabled.base-disabled .b-font:before,
#body .bi-button.button-warning.disabled.base-disabled .b-font:before { #body .bi-button.button-warning.disabled.base-disabled .b-font:before {
color: #ffffff !important; color: #ffffff !important;
@ -181,6 +218,8 @@ body .bi-button.button-success.disabled.clear,
#body .bi-button.button-success.disabled.clear, #body .bi-button.button-success.disabled.clear,
body .bi-button.button-warning.disabled.clear, body .bi-button.button-warning.disabled.clear,
#body .bi-button.button-warning.disabled.clear, #body .bi-button.button-warning.disabled.clear,
body .bi-button.button-error.disabled.clear,
#body .bi-button.button-error.disabled.clear,
body .bi-button.button-ignore.disabled.clear, body .bi-button.button-ignore.disabled.clear,
#body .bi-button.button-ignore.disabled.clear { #body .bi-button.button-ignore.disabled.clear {
background: transparent !important; background: transparent !important;
@ -192,6 +231,8 @@ body .bi-button.button-success.disabled.clear,
#body .bi-button.button-success.disabled.clear, #body .bi-button.button-success.disabled.clear,
body .bi-button.button-warning.disabled.clear, body .bi-button.button-warning.disabled.clear,
#body .bi-button.button-warning.disabled.clear, #body .bi-button.button-warning.disabled.clear,
body .bi-button.button-error.disabled.clear,
#body .bi-button.button-error.disabled.clear,
body .bi-button.button-ignore.disabled.clear, body .bi-button.button-ignore.disabled.clear,
#body .bi-button.button-ignore.disabled.clear, #body .bi-button.button-ignore.disabled.clear,
body .bi-button.button-common.disabled.clear .b-font:before, body .bi-button.button-common.disabled.clear .b-font:before,
@ -200,6 +241,8 @@ body .bi-button.button-success.disabled.clear .b-font:before,
#body .bi-button.button-success.disabled.clear .b-font:before, #body .bi-button.button-success.disabled.clear .b-font:before,
body .bi-button.button-warning.disabled.clear .b-font:before, body .bi-button.button-warning.disabled.clear .b-font:before,
#body .bi-button.button-warning.disabled.clear .b-font:before, #body .bi-button.button-warning.disabled.clear .b-font:before,
body .bi-button.button-error.disabled.clear .b-font:before,
#body .bi-button.button-error.disabled.clear .b-font:before,
body .bi-button.button-ignore.disabled.clear .b-font:before, body .bi-button.button-ignore.disabled.clear .b-font:before,
#body .bi-button.button-ignore.disabled.clear .b-font:before { #body .bi-button.button-ignore.disabled.clear .b-font:before {
color: #9ea6b2 !important; color: #9ea6b2 !important;
@ -210,6 +253,8 @@ body .bi-button.button-success.disabled.clear:hover,
#body .bi-button.button-success.disabled.clear:hover, #body .bi-button.button-success.disabled.clear:hover,
body .bi-button.button-warning.disabled.clear:hover, body .bi-button.button-warning.disabled.clear:hover,
#body .bi-button.button-warning.disabled.clear:hover, #body .bi-button.button-warning.disabled.clear:hover,
body .bi-button.button-error.disabled.clear:hover,
#body .bi-button.button-error.disabled.clear:hover,
body .bi-button.button-ignore.disabled.clear:hover, body .bi-button.button-ignore.disabled.clear:hover,
#body .bi-button.button-ignore.disabled.clear:hover, #body .bi-button.button-ignore.disabled.clear:hover,
body .bi-button.button-common.disabled.clear:active, body .bi-button.button-common.disabled.clear:active,
@ -218,6 +263,8 @@ body .bi-button.button-success.disabled.clear:active,
#body .bi-button.button-success.disabled.clear:active, #body .bi-button.button-success.disabled.clear:active,
body .bi-button.button-warning.disabled.clear:active, body .bi-button.button-warning.disabled.clear:active,
#body .bi-button.button-warning.disabled.clear:active, #body .bi-button.button-warning.disabled.clear:active,
body .bi-button.button-error.disabled.clear:active,
#body .bi-button.button-error.disabled.clear:active,
body .bi-button.button-ignore.disabled.clear:active, body .bi-button.button-ignore.disabled.clear:active,
#body .bi-button.button-ignore.disabled.clear:active { #body .bi-button.button-ignore.disabled.clear:active {
opacity: 1; opacity: 1;
@ -229,6 +276,8 @@ body .bi-button.button-success.disabled.ghost,
#body .bi-button.button-success.disabled.ghost, #body .bi-button.button-success.disabled.ghost,
body .bi-button.button-warning.disabled.ghost, body .bi-button.button-warning.disabled.ghost,
#body .bi-button.button-warning.disabled.ghost, #body .bi-button.button-warning.disabled.ghost,
body .bi-button.button-error.disabled.ghost,
#body .bi-button.button-error.disabled.ghost,
body .bi-button.button-ignore.disabled.ghost, body .bi-button.button-ignore.disabled.ghost,
#body .bi-button.button-ignore.disabled.ghost { #body .bi-button.button-ignore.disabled.ghost {
background: transparent !important; background: transparent !important;
@ -242,6 +291,8 @@ body .bi-button.button-success.disabled.ghost,
#body .bi-button.button-success.disabled.ghost, #body .bi-button.button-success.disabled.ghost,
body .bi-button.button-warning.disabled.ghost, body .bi-button.button-warning.disabled.ghost,
#body .bi-button.button-warning.disabled.ghost, #body .bi-button.button-warning.disabled.ghost,
body .bi-button.button-error.disabled.ghost,
#body .bi-button.button-error.disabled.ghost,
body .bi-button.button-ignore.disabled.ghost, body .bi-button.button-ignore.disabled.ghost,
#body .bi-button.button-ignore.disabled.ghost, #body .bi-button.button-ignore.disabled.ghost,
body .bi-button.button-common.disabled.ghost .b-font:before, body .bi-button.button-common.disabled.ghost .b-font:before,
@ -250,20 +301,28 @@ body .bi-button.button-success.disabled.ghost .b-font:before,
#body .bi-button.button-success.disabled.ghost .b-font:before, #body .bi-button.button-success.disabled.ghost .b-font:before,
body .bi-button.button-warning.disabled.ghost .b-font:before, body .bi-button.button-warning.disabled.ghost .b-font:before,
#body .bi-button.button-warning.disabled.ghost .b-font:before, #body .bi-button.button-warning.disabled.ghost .b-font:before,
body .bi-button.button-error.disabled.ghost .b-font:before,
#body .bi-button.button-error.disabled.ghost .b-font:before,
body .bi-button.button-ignore.disabled.ghost .b-font:before, body .bi-button.button-ignore.disabled.ghost .b-font:before,
#body .bi-button.button-ignore.disabled.ghost .b-font:before { #body .bi-button.button-ignore.disabled.ghost .b-font:before {
color: #3685f2 !important; color: #3685f2 !important;
} }
.bi-basic-button.button-common .bi-button-mask, .bi-basic-button.button-common:hover .bi-button-mask,
.bi-basic-button.button-success .bi-button-mask, .bi-basic-button.button-success:hover .bi-button-mask,
.bi-basic-button.button-warning .bi-button-mask { .bi-basic-button.button-warning:hover .bi-button-mask,
opacity: 0.2; .bi-basic-button.button-error:hover .bi-button-mask,
filter: alpha(opacity=20); .bi-basic-button.button-ignore:hover .bi-button-mask {
opacity: 0.1;
filter: alpha(opacity=10);
background-color: #ffffff; background-color: #ffffff;
} }
.bi-basic-button .bi-button-mask { .bi-basic-button.button-common:active .bi-button-mask,
opacity: 0.2; .bi-basic-button.button-success:active .bi-button-mask,
filter: alpha(opacity=20); .bi-basic-button.button-warning:active .bi-button-mask,
.bi-basic-button.button-error:active .bi-button-mask,
.bi-basic-button.button-ignore:active .bi-button-mask {
opacity: 0.1;
filter: alpha(opacity=10);
background-color: #1a1a1a; background-color: #1a1a1a;
} }
.bi-theme-dark body .bi-button.button-common.ghost, .bi-theme-dark body .bi-button.button-common.ghost,

67
src/css/base/single/tip/tip.css

@ -1,70 +1,3 @@
.bi-bubble {
font-size: 14px;
}
.bi-bubble .bubble-text {
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.bi-bubble .bubble-error {
background: #ffecec;
color: #ff4949;
}
.bi-bubble .bubble-common {
background: #eaf2fd;
color: #3685f2;
}
.bi-bubble .bubble-success {
background: #e1f4e7;
color: #5cb75d;
}
.bi-bubble .bubble-warning {
background: #feeed7;
color: #faaa39;
}
.bi-tip { .bi-tip {
position: fixed !important; position: fixed !important;
} }
.bi-toast {
font-size: 14px;
color: #ffffff;
max-width: 400px;
min-width: 150px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.bi-toast.toast-success {
background: #58cc7d;
}
.bi-toast.toast-warning {
background: #faaa39;
}
.bi-toast.toast-error {
background: #ff4949;
}
.bi-toast.toast-normal {
background: #3f8ce8;
}
.bi-toast .toast-icon {
font-size: 16px;
}
.bi-tooltip {
max-width: 250px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
font-size: 12px;
color: #ffffff;
}
.bi-tooltip.tooltip-success {
background: #647185;
border: 1px solid #647185;
}
.bi-tooltip.tooltip-warning {
background: #ff4949;
border: 1px solid #e85050;
}

196
src/css/base/table/table.css

@ -1,169 +1,3 @@
.bi-collection-table-cell {
-webkit-box-sizing: border-box;
/*Safari3.2+*/
-moz-box-sizing: border-box;
/*Firefox3.5+*/
-ms-box-sizing: border-box;
/*IE8*/
box-sizing: border-box;
/*W3C标准(IE9+,Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/
}
.bi-collection-table-cell.first-row {
border-top: 1px solid #d4dadd;
}
.bi-collection-table-cell.first-col {
border-left: 1px solid #d4dadd;
}
.bi-theme-dark .bi-collection-table-cell.first-row {
border-top: 1px solid #525466;
}
.bi-theme-dark .bi-collection-table-cell.first-col {
border-left: 1px solid #525466;
}
.bi-quick-collection-table > div > .bi-collection {
overflow: hidden !important;
overflow-x: hidden !important;
overflow-y: hidden !important;
}
.bi-grid-table-cell {
-webkit-box-sizing: border-box;
/*Safari3.2+*/
-moz-box-sizing: border-box;
/*Firefox3.5+*/
-ms-box-sizing: border-box;
/*IE8*/
box-sizing: border-box;
/*W3C标准(IE9+,Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/
}
.bi-grid-table-cell.first-row {
border-top: 1px solid #d4dadd;
}
.bi-grid-table-cell.first-col {
border-left: 1px solid #d4dadd;
}
.bi-theme-dark .bi-grid-table-cell.first-row {
border-top: 1px solid #525466;
}
.bi-theme-dark .bi-grid-table-cell.first-col {
border-left: 1px solid #525466;
}
.scrollbar-layout-main {
box-sizing: border-box;
outline: none;
overflow: hidden;
position: absolute;
transition-duration: 250ms;
transition-timing-function: ease;
user-select: none;
background-color: rgba(102, 102, 102, 0.05);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0d666666,endColorstr=#0d666666);
border-radius: 5px;
}
.bi-theme-dark .scrollbar-layout-main {
background-color: rgba(204, 204, 204, 0.05);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0dcccccc,endColorstr=#0dcccccc);
}
.scrollbar-layout-main-vertical {
bottom: 0;
right: 0;
top: 0;
transition-property: background-color;
width: 10px;
}
.scrollbar-layout-main-vertical.public-scrollbar-main-active,
.scrollbar-layout-main-vertical:hover {
width: 10px;
}
.scrollbar-layout-main-horizontal {
bottom: 0;
height: 10px;
left: 0;
transition-property: background-color;
background-color: rgba(102, 102, 102, 0.05);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0d666666,endColorstr=#0d666666);
}
.bi-theme-dark .scrollbar-layout-main-horizontal {
background-color: rgba(204, 204, 204, 0.05);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0dcccccc,endColorstr=#0dcccccc);
}
/* Touching the scroll-track directly makes the scroll-track bolder */
.scrollbar-layout-main-horizontal.public-scrollbar-main-active,
.scrollbar-layout-main-horizontal:hover {
height: 10px;
}
.scrollbar-layout-face {
left: 0;
overflow: hidden;
position: absolute;
z-index: 1;
}
/**
* This selector renders the "nub" of the scrollface. The nub must
* be rendered as pseudo-element so that it won't receive any UI events then
* we can get the correct `event.offsetX` and `event.offsetY` from the
* scrollface element while dragging it.
*/
.scrollbar-layout-face:after {
border-radius: 6px;
content: '';
display: block;
position: absolute;
transition: background-color 250ms ease;
}
.scrollbar-layout-face-horizontal {
bottom: 0;
left: 0;
top: 0;
}
.scrollbar-layout-face-horizontal:after {
bottom: 2px;
left: 0;
top: 2px;
width: 100%;
}
.scrollbar-layout-face-vertical {
left: 0;
right: 0;
top: 0;
}
.scrollbar-layout-face-vertical:after {
height: 100%;
left: 2px;
right: 2px;
top: 0;
}
/**
* scrollbars.
*/
/* Touching the scroll-track directly makes the scroll-track bolder */
.public-scrollbar-face:after {
background-color: rgba(102, 102, 102, 0.3);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4d666666,endColorstr=#4d666666);
}
.bi-theme-dark .public-scrollbar-face:after {
background-color: rgba(204, 204, 204, 0.3);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4dcccccc,endColorstr=#4dcccccc);
}
.public-scrollbar-main:hover .public-scrollbar-face:after,
.public-scrollbar-main-active .public-scrollbar-face:after,
.public-scrollbar-face-active:after {
background-color: rgba(102, 102, 102, 0.7);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b3666666,endColorstr=#b3666666);
}
.bi-theme-dark .public-scrollbar-main:hover .public-scrollbar-face:after,
.bi-theme-dark .public-scrollbar-main-active .public-scrollbar-face:after,
.bi-theme-dark .public-scrollbar-face-active:after {
background-color: rgba(204, 204, 204, 0.7);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b3cccccc,endColorstr=#b3cccccc);
}
.horizontal-scrollbar {
bottom: 0;
position: absolute;
}
.bi-table > .first-col { .bi-table > .first-col {
border-left: none; border-left: none;
} }
@ -242,33 +76,3 @@
border-top: 1px solid #525466; border-top: 1px solid #525466;
border-left: 1px solid #525466; border-left: 1px solid #525466;
} }
.bi-resizable-table-cell .resizable-table-cell-resizer-container {
cursor: ew-resize;
z-index: 1;
}
.bi-resizable-table-cell .resizable-table-cell-resizer-container:hover .resizable-table-cell-resizer-knob,
.bi-resizable-table-cell .resizable-table-cell-resizer-container.dragging .resizable-table-cell-resizer-knob {
background-color: #3f8ce8;
}
.bi-resizable-table-cell .resizable-table-cell-resizer-container.suitable .resizable-table-cell-resizer-knob {
background-color: #58cc7d;
}
.bi-resizable-table .resizable-table-resizer {
cursor: ew-resize;
z-index: 1;
background-color: #3f8ce8;
}
.bi-resizable-table .resizable-table-resizer.suitable {
background-color: #58cc7d;
}
.bi-resizable-table .resizable-table-region-resizer {
cursor: ew-resize;
z-index: 1;
}
.bi-resizable-table .resizable-table-region-resizer:hover .resizable-table-region-resizer-knob,
.bi-resizable-table .resizable-table-region-resizer.dragging .resizable-table-region-resizer-knob {
background-color: #3f8ce8;
}

14
src/css/base/trigger/trigger.css

@ -1,17 +1,3 @@
.bi-trigger .bi-trigger-icon-button { .bi-trigger .bi-trigger-icon-button {
font-size: 16px; font-size: 16px;
} }
.bi-select-text-trigger {
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.bi-small-select-text-trigger {
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}

2
src/css/core/utils/common.css

@ -57,7 +57,7 @@ textarea {
color: #3d4d66; color: #3d4d66;
} }
.bi-theme-dark .bi-background { .bi-theme-dark .bi-background {
background-color: #191B2B; background-color: #191b2b;
color: #cccccc; color: #cccccc;
} }
.bi-theme-dark .bi-background .bi-input { .bi-theme-dark .bi-background .bi-input {

1
src/css/resource/font.css

@ -1,6 +1,7 @@
@font-face { @font-face {
font-family: 'bi'; font-family: 'bi';
src: url('font/iconfont.eot'), /* IE6-IE8 */ url('font/iconfont.woff') format('woff'), /* chrome、firefox */ url('font/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('font/iconfont.svg#svgFontName') format('svg'); src: url('font/iconfont.eot'), /* IE6-IE8 */ url('font/iconfont.woff') format('woff'), /* chrome、firefox */ url('font/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('font/iconfont.svg#svgFontName') format('svg');
/* iOS 4.1- */ /* iOS 4.1- */
} }
.b-font { .b-font {

2
src/css/theme/dark.css

@ -1,5 +1,5 @@
.bi-theme-dark { .bi-theme-dark {
background-color: #191B2B; background-color: #191b2b;
color: #cccccc; color: #cccccc;
} }
.bi-theme-dark .bi-input { .bi-theme-dark .bi-input {

5
src/css/widget/exceltable/exceltable.css

@ -1,8 +1,3 @@
.bi-excel-table-header-cell {
font-weight: bold;
}
.bi-excel-table > div.bottom-right > div > div > table { .bi-excel-table > div.bottom-right > div > div > table {
border-right: 1px solid #d4dadd; border-right: 1px solid #d4dadd;
} }

13
src/css/widget/previewtable/previewtable.css

@ -1,14 +1,3 @@
.bi-preview-table-cell {
min-height: 25px;
min-width: 80px;
}
.bi-preview-table-header-cell {
font-weight: bold;
min-height: 25px;
min-width: 80px;
}
.bi-preview-table { .bi-preview-table {
-webkit-user-select: text; -webkit-user-select: text;
-khtml-user-select: text; -khtml-user-select: text;
@ -23,5 +12,5 @@
} }
.bi-theme-dark .bi-preview-table > div > table > thead > tr.odd, .bi-theme-dark .bi-preview-table > div > table > thead > tr.odd,
.bi-theme-dark .bi-preview-table > div > div > div > table > thead > tr.odd { .bi-theme-dark .bi-preview-table > div > div > div > table > thead > tr.odd {
background-color: #191B2B; background-color: #191b2b;
} }

51
src/less/base/single/button/button.less

@ -17,8 +17,11 @@ body .bi-button, #body .bi-button {
font-size: inherit; font-size: inherit;
border-width: 0; border-width: 0;
background-color: transparent; background-color: transparent;
&:hover, &:active { &:hover {
.opacity(0.75); .opacity(0.9);
}
&:active {
.opacity(0.8);
} }
} }
&.ghost { &.ghost {
@ -41,17 +44,17 @@ body .bi-button, #body .bi-button {
background-color: @color-bi-background-highlight; background-color: @color-bi-background-highlight;
} }
&:active{ &:active{
background-color: @color-bi-background-dark-highlight; background-color: @color-bi-background-highlight;
} }
} }
} }
&.button-ignore { &.button-ignore {
& { & {
&, & .b-font:before { &, & .b-font:before {
color: @color-bi-text-black; color: @color-bi-text-highlight;
} }
background-color: @color-bi-background-default; background-color: @color-bi-background-default;
border-color: @color-bi-border-line; border-color: @color-bi-border-highlight;
} }
&.clear { &.clear {
background-color: transparent; background-color: transparent;
@ -75,6 +78,22 @@ body .bi-button, #body .bi-button {
} }
} }
&.button-warning { &.button-warning {
& {
&, & .b-font:before {
color: @color-bi-text;
}
background-color: @color-bi-background-warning;
border-color: @color-bi-border-warning;
}
&.clear {
&, & .b-font:before {
color: @color-bi-text-redmark;
}
background-color: transparent;
border-width: 0;
}
}
&.button-error {
& { & {
&, & .b-font:before { &, & .b-font:before {
color: @color-bi-text; color: @color-bi-text;
@ -92,6 +111,7 @@ body .bi-button, #body .bi-button {
} }
&.button-common.disabled, &.button-common.disabled,
&.button-success.disabled, &.button-success.disabled,
&.button-error.disabled,
&.button-warning.disabled { &.button-warning.disabled {
&, &.base-disabled { &, &.base-disabled {
&, & .b-font:before { &, & .b-font:before {
@ -111,6 +131,7 @@ body .bi-button, #body .bi-button {
&.button-common.disabled, &.button-common.disabled,
&.button-success.disabled, &.button-success.disabled,
&.button-warning.disabled, &.button-warning.disabled,
&.button-error.disabled,
&.button-ignore.disabled { &.button-ignore.disabled {
&.clear { &.clear {
&, & .b-font:before { &, & .b-font:before {
@ -134,15 +155,19 @@ body .bi-button, #body .bi-button {
} }
.bi-basic-button { .bi-basic-button {
&.button-common, &.button-success, &.button-warning { &.button-common, &.button-success, &.button-warning, &.button-error, &.button-ignore {
& .bi-button-mask { &:hover{
.opacity(0.2); & .bi-button-mask {
background-color: @color-bi-background-default; .opacity(0.1);
background-color: @color-bi-background-default;
}
}
&:active{
& .bi-button-mask {
.opacity(0.1);
background-color: @color-bi-button-mask;
}
} }
}
& .bi-button-mask {
.opacity(0.2);
background-color: @color-bi-button-mask;
} }
} }

2
src/less/lib/colors.less

@ -60,8 +60,6 @@
@color-bi-background-highlight: @background-color-highlight; @color-bi-background-highlight: @background-color-highlight;
//背景提亮色(浅) //背景提亮色(浅)
@color-bi-background-light-highlight: @background-color-light-highlight; @color-bi-background-light-highlight: @background-color-light-highlight;
//背景提亮色(深)
@color-bi-background-dark-highlight: @font-color-dark-highlight;
//黑色边框色 //黑色边框色
@color-bi-border-black: @border-color-black; @color-bi-border-black: @border-color-black;

1
src/less/lib/constant.less

@ -25,7 +25,6 @@
@font-color-gray: #999999; @font-color-gray: #999999;
@font-color-white: #ffffff;// @font-color-white: #ffffff;//
@font-color-highlight: #3685f2; @font-color-highlight: #3685f2;
@font-color-dark-highlight: #3077DA;
@font-color-success: #5cb75d; @font-color-success: #5cb75d;
@font-color-warning: #faaa39;// @font-color-warning: #faaa39;//
@font-color-negative: #ff4949;// @font-color-negative: #ff4949;//

Loading…
Cancel
Save