Browse Source

BI-24404 && BI-25602 && BI-27449

es6
windy 6 years ago
parent
commit
ed21802c62
  1. 30
      dist/_fineui.min.js
  2. 22
      dist/base.css
  3. 100
      dist/bundle.css
  4. 42
      dist/bundle.js
  5. 2
      dist/bundle.min.css
  6. 30
      dist/bundle.min.js
  7. 2
      dist/case.js
  8. 55
      dist/core.css
  9. 55
      dist/core_without_normalize.css
  10. 100
      dist/fineui.css
  11. 42
      dist/fineui.js
  12. 2
      dist/fineui.min.css
  13. 30
      dist/fineui.min.js
  14. 12
      dist/resource.css
  15. 11
      dist/widget.css
  16. 40
      dist/widget.js
  17. 12
      public/css/app.css
  18. 2
      src/case/segment/button.segment.js
  19. 2
      src/css/base/segment/segment.css
  20. 4
      src/css/base/single/button/button.css
  21. 16
      src/css/base/table/table.css
  22. 55
      src/css/core/utils/common.css
  23. 12
      src/css/resource/app.css
  24. 11
      src/css/widget/singleslider/slider/widget.css
  25. 50
      src/less/core/utils/common.less
  26. 4
      src/less/lib/colors.less
  27. 6
      src/less/lib/constant.less
  28. 10
      src/less/widget/singleslider/slider/widget.slider.less
  29. 8
      src/widget/dynamicdate/dynamicdate.popup.js
  30. 8
      src/widget/dynamicdatetime/dynamicdatetime.popup.js
  31. 8
      src/widget/year/popup.year.js
  32. 8
      src/widget/yearmonth/popup.yearmonth.js
  33. 8
      src/widget/yearquarter/popup.yearquarter.js
  34. 12
      ui/css/app.css

30
dist/_fineui.min.js vendored

File diff suppressed because one or more lines are too long

22
dist/base.css vendored

@ -1095,7 +1095,7 @@ li.CodeMirror-hint-active {
} }
.bi-segment.disabled > .center-element, .bi-segment.disabled > .center-element,
.bi-segment.disabled > .first-element { .bi-segment.disabled > .first-element {
border-color: #F0F3F7; border-color: #d0d4da;
} }
.bi-theme-dark .bi-segment > .center-element { .bi-theme-dark .bi-segment > .center-element {
overflow: hidden; overflow: hidden;
@ -1274,8 +1274,8 @@ body .bi-button.button-error.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: #F0F3F7 !important; background: #d0d4da !important;
border-color: #F0F3F7 !important; border-color: #d0d4da !important;
} }
body .bi-button.button-common.disabled, body .bi-button.button-common.disabled,
#body .bi-button.button-common.disabled, #body .bi-button.button-common.disabled,
@ -1734,8 +1734,8 @@ body .bi-button.button-ignore.disabled.ghost .b-font:before,
border-radius: 5px; border-radius: 5px;
} }
.bi-theme-dark .scrollbar-layout-main { .bi-theme-dark .scrollbar-layout-main {
background-color: rgba(240, 243, 247, 0.05); background-color: rgba(208, 212, 218, 0.05);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0df0f3f7,endColorstr=#0df0f3f7); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0dd0d4da,endColorstr=#0dd0d4da);
} }
.scrollbar-layout-main-vertical { .scrollbar-layout-main-vertical {
bottom: 0; bottom: 0;
@ -1757,8 +1757,8 @@ body .bi-button.button-ignore.disabled.ghost .b-font:before,
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0d878d9f,endColorstr=#0d878d9f); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0d878d9f,endColorstr=#0d878d9f);
} }
.bi-theme-dark .scrollbar-layout-main-horizontal { .bi-theme-dark .scrollbar-layout-main-horizontal {
background-color: rgba(240, 243, 247, 0.05); background-color: rgba(208, 212, 218, 0.05);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0df0f3f7,endColorstr=#0df0f3f7); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0dd0d4da,endColorstr=#0dd0d4da);
} }
/* Touching the scroll-track directly makes the scroll-track bolder */ /* Touching the scroll-track directly makes the scroll-track bolder */
.scrollbar-layout-main-horizontal.public-scrollbar-main-active, .scrollbar-layout-main-horizontal.public-scrollbar-main-active,
@ -1815,8 +1815,8 @@ body .bi-button.button-ignore.disabled.ghost .b-font:before,
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4d878d9f,endColorstr=#4d878d9f); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4d878d9f,endColorstr=#4d878d9f);
} }
.bi-theme-dark .public-scrollbar-face:after { .bi-theme-dark .public-scrollbar-face:after {
background-color: rgba(240, 243, 247, 0.3); background-color: rgba(208, 212, 218, 0.3);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4df0f3f7,endColorstr=#4df0f3f7); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4dd0d4da,endColorstr=#4dd0d4da);
} }
.public-scrollbar-main:hover .public-scrollbar-face:after, .public-scrollbar-main:hover .public-scrollbar-face:after,
.public-scrollbar-main-active .public-scrollbar-face:after, .public-scrollbar-main-active .public-scrollbar-face:after,
@ -1827,8 +1827,8 @@ body .bi-button.button-ignore.disabled.ghost .b-font:before,
.bi-theme-dark .public-scrollbar-main:hover .public-scrollbar-face:after, .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-main-active .public-scrollbar-face:after,
.bi-theme-dark .public-scrollbar-face-active:after { .bi-theme-dark .public-scrollbar-face-active:after {
background-color: rgba(240, 243, 247, 0.7); background-color: rgba(208, 212, 218, 0.7);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b3f0f3f7,endColorstr=#b3f0f3f7); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b3d0d4da,endColorstr=#b3d0d4da);
} }
.horizontal-scrollbar { .horizontal-scrollbar {
bottom: 0; bottom: 0;

100
dist/bundle.css vendored

@ -565,6 +565,9 @@ textarea {
.bi-list-item.disabled:active .bi-high-light { .bi-list-item.disabled:active .bi-high-light {
color: #9ea6b2 !important; color: #9ea6b2 !important;
} }
.bi-list-item.disabled .b-font:before {
color: #d0d4da !important;
}
.bi-theme-dark .bi-list-item:hover, .bi-theme-dark .bi-list-item:hover,
.bi-theme-dark .bi-list-item.hover { .bi-theme-dark .bi-list-item.hover {
color: #ffffff; color: #ffffff;
@ -600,6 +603,9 @@ textarea {
.bi-theme-dark .bi-list-item.disabled:active .bi-high-light { .bi-theme-dark .bi-list-item.disabled:active .bi-high-light {
color: #878d9f !important; color: #878d9f !important;
} }
.bi-theme-dark .bi-list-item.disabled .b-font:before {
color: #606479 !important;
}
.bi-list-item-border:active, .bi-list-item-border:active,
.bi-list-item-border.active { .bi-list-item-border.active {
border: 1px solid #3685f2; border: 1px solid #3685f2;
@ -636,6 +642,9 @@ textarea {
.bi-list-item-simple.disabled:active .bi-high-light { .bi-list-item-simple.disabled:active .bi-high-light {
color: #9ea6b2 !important; color: #9ea6b2 !important;
} }
.bi-list-item-simple.disabled .b-font:before {
color: #d0d4da !important;
}
.bi-list-item-effect:hover { .bi-list-item-effect:hover {
color: #232e40; color: #232e40;
} }
@ -677,6 +686,9 @@ textarea {
.bi-list-item-effect.disabled:active .bi-high-light { .bi-list-item-effect.disabled:active .bi-high-light {
color: #9ea6b2 !important; color: #9ea6b2 !important;
} }
.bi-list-item-effect.disabled .b-font:before {
color: #d0d4da !important;
}
.bi-theme-dark .bi-list-item-effect:hover { .bi-theme-dark .bi-list-item-effect:hover {
color: #ffffff; color: #ffffff;
} }
@ -719,6 +731,9 @@ textarea {
.bi-theme-dark .bi-list-item-effect.disabled:active .bi-high-light { .bi-theme-dark .bi-list-item-effect.disabled:active .bi-high-light {
color: #878d9f !important; color: #878d9f !important;
} }
.bi-theme-dark .bi-list-item-effect.disabled .b-font:before {
color: #606479 !important;
}
.bi-list-item-active:hover, .bi-list-item-active:hover,
.bi-list-item-active.hover { .bi-list-item-active.hover {
color: #232e40; color: #232e40;
@ -774,6 +789,9 @@ textarea {
.bi-list-item-active.disabled:active .bi-high-light { .bi-list-item-active.disabled:active .bi-high-light {
color: #9ea6b2 !important; color: #9ea6b2 !important;
} }
.bi-list-item-active.disabled .b-font:before {
color: #d0d4da !important;
}
.bi-theme-dark .bi-list-item-active:hover, .bi-theme-dark .bi-list-item-active:hover,
.bi-theme-dark .bi-list-item-active.hover { .bi-theme-dark .bi-list-item-active.hover {
color: #ffffff; color: #ffffff;
@ -823,6 +841,9 @@ textarea {
.bi-theme-dark .bi-list-item-active.disabled:active .bi-high-light { .bi-theme-dark .bi-list-item-active.disabled:active .bi-high-light {
color: #878d9f !important; color: #878d9f !important;
} }
.bi-theme-dark .bi-list-item-active.disabled .b-font:before {
color: #606479 !important;
}
.bi-list-item-active2:hover, .bi-list-item-active2:hover,
.bi-list-item-active2.hover { .bi-list-item-active2.hover {
color: #232e40; color: #232e40;
@ -885,6 +906,9 @@ textarea {
.bi-list-item-active2.disabled:active .bi-high-light { .bi-list-item-active2.disabled:active .bi-high-light {
color: #9ea6b2 !important; color: #9ea6b2 !important;
} }
.bi-list-item-active2.disabled .b-font:before {
color: #d0d4da !important;
}
.bi-theme-dark .bi-list-item-active2:hover, .bi-theme-dark .bi-list-item-active2:hover,
.bi-theme-dark .bi-list-item-active2.hover { .bi-theme-dark .bi-list-item-active2.hover {
color: #ffffff; color: #ffffff;
@ -932,6 +956,9 @@ textarea {
.bi-theme-dark .bi-list-item-active2.disabled:active .bi-high-light { .bi-theme-dark .bi-list-item-active2.disabled:active .bi-high-light {
color: #878d9f !important; color: #878d9f !important;
} }
.bi-theme-dark .bi-list-item-active2.disabled .b-font:before {
color: #606479 !important;
}
.bi-list-item-active3:hover, .bi-list-item-active3:hover,
.bi-list-item-active3.hover { .bi-list-item-active3.hover {
color: #232e40; color: #232e40;
@ -981,6 +1008,9 @@ textarea {
.bi-list-item-active3.disabled:active .bi-high-light { .bi-list-item-active3.disabled:active .bi-high-light {
color: #9ea6b2 !important; color: #9ea6b2 !important;
} }
.bi-list-item-active3.disabled .b-font:before {
color: #d0d4da !important;
}
.bi-theme-dark .bi-list-item-active3:hover, .bi-theme-dark .bi-list-item-active3:hover,
.bi-theme-dark .bi-list-item-active3.hover { .bi-theme-dark .bi-list-item-active3.hover {
color: #ffffff; color: #ffffff;
@ -1030,6 +1060,9 @@ textarea {
.bi-theme-dark .bi-list-item-active3.disabled:active .bi-high-light { .bi-theme-dark .bi-list-item-active3.disabled:active .bi-high-light {
color: #878d9f !important; color: #878d9f !important;
} }
.bi-theme-dark .bi-list-item-active3.disabled .b-font:before {
color: #606479 !important;
}
.bi-list-item-select:hover, .bi-list-item-select:hover,
.bi-list-item-select.hover { .bi-list-item-select.hover {
background-color: rgba(54, 133, 242, 0.06); background-color: rgba(54, 133, 242, 0.06);
@ -1144,7 +1177,7 @@ textarea {
color: #9ea6b2 !important; color: #9ea6b2 !important;
} }
.bi-list-item-select.disabled.bi-high-light-border { .bi-list-item-select.disabled.bi-high-light-border {
border-color: #F0F3F7; border-color: #d0d4da;
} }
.bi-list-item-select.disabled.hover, .bi-list-item-select.disabled.hover,
.bi-list-item-select.disabled.active { .bi-list-item-select.disabled.active {
@ -1165,7 +1198,10 @@ textarea {
} }
.bi-list-item-select.disabled.hover.bi-high-light-border, .bi-list-item-select.disabled.hover.bi-high-light-border,
.bi-list-item-select.disabled.active.bi-high-light-border { .bi-list-item-select.disabled.active.bi-high-light-border {
border-color: #F0F3F7; border-color: #d0d4da;
}
.bi-list-item-select.disabled .b-font:before {
color: #d0d4da !important;
} }
.bi-list-item-select2:hover, .bi-list-item-select2:hover,
.bi-list-item-select2.hover { .bi-list-item-select2.hover {
@ -1188,6 +1224,12 @@ textarea {
.bi-list-item-select2.active .bi-high-light { .bi-list-item-select2.active .bi-high-light {
color: #ffffff; color: #ffffff;
} }
.bi-list-item-select2.disabled:hover,
.bi-list-item-select2.disabled.hover,
.bi-list-item-select2.disabled:active,
.bi-list-item-select2.disabled.active {
background-color: #ffffff !important;
}
.bi-theme-dark .bi-list-item-select:hover, .bi-theme-dark .bi-list-item-select:hover,
.bi-theme-dark .bi-list-item-select.hover { .bi-theme-dark .bi-list-item-select.hover {
color: #ffffff; color: #ffffff;
@ -1240,6 +1282,9 @@ textarea {
.bi-theme-dark .bi-list-item-select.disabled:active .bi-high-light { .bi-theme-dark .bi-list-item-select.disabled:active .bi-high-light {
color: #878d9f !important; color: #878d9f !important;
} }
.bi-theme-dark .bi-list-item-select.disabled .b-font:before {
color: #606479 !important;
}
.bi-list-item-none:hover, .bi-list-item-none:hover,
.bi-list-item-none.hover { .bi-list-item-none.hover {
color: inherit; color: inherit;
@ -1291,6 +1336,9 @@ textarea {
.bi-list-item-none.disabled:active .bi-high-light { .bi-list-item-none.disabled:active .bi-high-light {
color: #9ea6b2 !important; color: #9ea6b2 !important;
} }
.bi-list-item-none.disabled .b-font:before {
color: #d0d4da !important;
}
.bi-theme-dark .bi-list-item-none:hover, .bi-theme-dark .bi-list-item-none:hover,
.bi-theme-dark .bi-list-item-none.hover { .bi-theme-dark .bi-list-item-none.hover {
color: inherit; color: inherit;
@ -1342,6 +1390,9 @@ textarea {
.bi-theme-dark .bi-list-item-none.disabled:active .bi-high-light { .bi-theme-dark .bi-list-item-none.disabled:active .bi-high-light {
color: #878d9f !important; color: #878d9f !important;
} }
.bi-theme-dark .bi-list-item-none.disabled .b-font:before {
color: #606479 !important;
}
/*****************cursor*****************/ /*****************cursor*****************/
.cursor-pointer { .cursor-pointer {
cursor: pointer; cursor: pointer;
@ -2935,7 +2986,7 @@ li.CodeMirror-hint-active {
} }
.bi-segment.disabled > .center-element, .bi-segment.disabled > .center-element,
.bi-segment.disabled > .first-element { .bi-segment.disabled > .first-element {
border-color: #F0F3F7; border-color: #d0d4da;
} }
.bi-theme-dark .bi-segment > .center-element { .bi-theme-dark .bi-segment > .center-element {
overflow: hidden; overflow: hidden;
@ -3114,8 +3165,8 @@ body .bi-button.button-error.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: #F0F3F7 !important; background: #d0d4da !important;
border-color: #F0F3F7 !important; border-color: #d0d4da !important;
} }
body .bi-button.button-common.disabled, body .bi-button.button-common.disabled,
#body .bi-button.button-common.disabled, #body .bi-button.button-common.disabled,
@ -3574,8 +3625,8 @@ body .bi-button.button-ignore.disabled.ghost .b-font:before,
border-radius: 5px; border-radius: 5px;
} }
.bi-theme-dark .scrollbar-layout-main { .bi-theme-dark .scrollbar-layout-main {
background-color: rgba(240, 243, 247, 0.05); background-color: rgba(208, 212, 218, 0.05);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0df0f3f7,endColorstr=#0df0f3f7); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0dd0d4da,endColorstr=#0dd0d4da);
} }
.scrollbar-layout-main-vertical { .scrollbar-layout-main-vertical {
bottom: 0; bottom: 0;
@ -3597,8 +3648,8 @@ body .bi-button.button-ignore.disabled.ghost .b-font:before,
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0d878d9f,endColorstr=#0d878d9f); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0d878d9f,endColorstr=#0d878d9f);
} }
.bi-theme-dark .scrollbar-layout-main-horizontal { .bi-theme-dark .scrollbar-layout-main-horizontal {
background-color: rgba(240, 243, 247, 0.05); background-color: rgba(208, 212, 218, 0.05);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0df0f3f7,endColorstr=#0df0f3f7); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0dd0d4da,endColorstr=#0dd0d4da);
} }
/* Touching the scroll-track directly makes the scroll-track bolder */ /* Touching the scroll-track directly makes the scroll-track bolder */
.scrollbar-layout-main-horizontal.public-scrollbar-main-active, .scrollbar-layout-main-horizontal.public-scrollbar-main-active,
@ -3655,8 +3706,8 @@ body .bi-button.button-ignore.disabled.ghost .b-font:before,
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4d878d9f,endColorstr=#4d878d9f); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4d878d9f,endColorstr=#4d878d9f);
} }
.bi-theme-dark .public-scrollbar-face:after { .bi-theme-dark .public-scrollbar-face:after {
background-color: rgba(240, 243, 247, 0.3); background-color: rgba(208, 212, 218, 0.3);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4df0f3f7,endColorstr=#4df0f3f7); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4dd0d4da,endColorstr=#4dd0d4da);
} }
.public-scrollbar-main:hover .public-scrollbar-face:after, .public-scrollbar-main:hover .public-scrollbar-face:after,
.public-scrollbar-main-active .public-scrollbar-face:after, .public-scrollbar-main-active .public-scrollbar-face:after,
@ -3667,8 +3718,8 @@ body .bi-button.button-ignore.disabled.ghost .b-font:before,
.bi-theme-dark .public-scrollbar-main:hover .public-scrollbar-face:after, .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-main-active .public-scrollbar-face:after,
.bi-theme-dark .public-scrollbar-face-active:after { .bi-theme-dark .public-scrollbar-face-active:after {
background-color: rgba(240, 243, 247, 0.7); background-color: rgba(208, 212, 218, 0.7);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b3f0f3f7,endColorstr=#b3f0f3f7); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b3d0d4da,endColorstr=#b3d0d4da);
} }
.horizontal-scrollbar { .horizontal-scrollbar {
bottom: 0; bottom: 0;
@ -4489,6 +4540,17 @@ ul.ztree.zTreeDragUL {
top: 4px; top: 4px;
left: -10px; left: -10px;
} }
.bi-single-slider-button .slider-button.disabled {
border-color: #d0d4da;
}
.bi-single-slider-button .slider-button.disabled:hover,
.bi-single-slider-button .slider-button.disabled.hover {
background-color: #f7f8fa;
width: 16px;
height: 16px;
top: 6px;
left: -8px;
}
.bi-slider-track .gray-track { .bi-slider-track .gray-track {
background-color: #F2F4F7; background-color: #F2F4F7;
-webkit-border-radius: 3px; -webkit-border-radius: 3px;
@ -4602,8 +4664,8 @@ textarea::-webkit-scrollbar-thumb:hover {
.bi-theme-dark div::-webkit-scrollbar, .bi-theme-dark div::-webkit-scrollbar,
.bi-theme-dark textarea::-webkit-scrollbar { .bi-theme-dark textarea::-webkit-scrollbar {
-webkit-appearance: none; -webkit-appearance: none;
background-color: rgba(240, 243, 247, 0.05); background-color: rgba(208, 212, 218, 0.05);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0df0f3f7,endColorstr=#0df0f3f7); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0dd0d4da,endColorstr=#0dd0d4da);
width: 6px; width: 6px;
height: 6px; height: 6px;
} }
@ -4612,13 +4674,13 @@ textarea::-webkit-scrollbar-thumb:hover {
-webkit-border-radius: 0; -webkit-border-radius: 0;
-moz-border-radius: 0; -moz-border-radius: 0;
border-radius: 0; border-radius: 0;
background-color: rgba(240, 243, 247, 0.3); background-color: rgba(208, 212, 218, 0.3);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4df0f3f7,endColorstr=#4df0f3f7); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4dd0d4da,endColorstr=#4dd0d4da);
} }
.bi-theme-dark div::-webkit-scrollbar-thumb:hover, .bi-theme-dark div::-webkit-scrollbar-thumb:hover,
.bi-theme-dark textarea::-webkit-scrollbar-thumb:hover { .bi-theme-dark textarea::-webkit-scrollbar-thumb:hover {
background-color: rgba(240, 243, 247, 0.7); background-color: rgba(208, 212, 218, 0.7);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b3f0f3f7,endColorstr=#b3f0f3f7); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b3d0d4da,endColorstr=#b3d0d4da);
} }
.farbtastic .wheel { .farbtastic .wheel {
background: url('https://fanruan.coding.me/fineui/dist/images/1x/background/wheel.png') no-repeat center center; background: url('https://fanruan.coding.me/fineui/dist/images/1x/background/wheel.png') no-repeat center center;

42
dist/bundle.js vendored

@ -84416,7 +84416,7 @@ BI.SegmentButton = BI.inherit(BI.BasicButton, {
this.text = BI.createWidget({ this.text = BI.createWidget({
type: "bi.label", type: "bi.label",
element: this, element: this,
height: opts.height - 2, textHeight: opts.height,
whiteSpace: opts.whiteSpace, whiteSpace: opts.whiteSpace,
text: opts.text, text: opts.text,
value: opts.value, value: opts.value,
@ -91462,7 +91462,8 @@ BI.DynamicDateParamItem.EVENT_CHANGE = "EVENT_CHANGE";
BI.shortcut("bi.dynamic_date_param_item", BI.DynamicDateParamItem); BI.shortcut("bi.dynamic_date_param_item", BI.DynamicDateParamItem);
BI.DynamicDatePopup = BI.inherit(BI.Widget, { BI.DynamicDatePopup = BI.inherit(BI.Widget, {
constants: { constants: {
tabHeight: 30 tabHeight: 30,
buttonHeight: 24
}, },
props: { props: {
@ -91473,7 +91474,7 @@ BI.DynamicDatePopup = BI.inherit(BI.Widget, {
_init: function () { _init: function () {
BI.DynamicDatePopup.superclass._init.apply(this, arguments); BI.DynamicDatePopup.superclass._init.apply(this, arguments);
var self = this, opts = this.options; var self = this, opts = this.options, c = this.constants;
this.storeValue = {type: BI.DynamicDateCombo.Static}; this.storeValue = {type: BI.DynamicDateCombo.Static};
BI.createWidget({ BI.createWidget({
element: this, element: this,
@ -91489,6 +91490,7 @@ BI.DynamicDatePopup = BI.inherit(BI.Widget, {
cls: "bi-high-light bi-border-top", cls: "bi-high-light bi-border-top",
shadow: true, shadow: true,
text: BI.i18nText("BI-Basic_Clear"), text: BI.i18nText("BI-Basic_Clear"),
textHeight: c.buttonHeight - 1,
listeners: [{ listeners: [{
eventName: BI.TextButton.EVENT_CHANGE, eventName: BI.TextButton.EVENT_CHANGE,
action: function () { action: function () {
@ -91500,6 +91502,7 @@ BI.DynamicDatePopup = BI.inherit(BI.Widget, {
forceCenter: true, forceCenter: true,
cls: "bi-border-left bi-border-right bi-high-light bi-border-top", cls: "bi-border-left bi-border-right bi-high-light bi-border-top",
shadow: true, shadow: true,
textHeight: c.buttonHeight - 1,
text: BI.i18nText("BI-Multi_Date_Today"), text: BI.i18nText("BI-Multi_Date_Today"),
ref: function () { ref: function () {
self.textButton = this; self.textButton = this;
@ -91514,6 +91517,7 @@ BI.DynamicDatePopup = BI.inherit(BI.Widget, {
type: "bi.text_button", type: "bi.text_button",
forceCenter: true, forceCenter: true,
cls: "bi-high-light bi-border-top", cls: "bi-high-light bi-border-top",
textHeight: c.buttonHeight - 1,
shadow: true, shadow: true,
text: BI.i18nText("BI-Basic_OK"), text: BI.i18nText("BI-Basic_OK"),
listeners: [{ listeners: [{
@ -92228,7 +92232,8 @@ BI.extend(BI.DynamicDateTimeCombo, {
Dynamic: 2 Dynamic: 2
});BI.DynamicDateTimePopup = BI.inherit(BI.Widget, { });BI.DynamicDateTimePopup = BI.inherit(BI.Widget, {
constants: { constants: {
tabHeight: 30 tabHeight: 30,
buttonHeight: 24
}, },
props: { props: {
@ -92239,7 +92244,7 @@ BI.extend(BI.DynamicDateTimeCombo, {
_init: function () { _init: function () {
BI.DynamicDateTimePopup.superclass._init.apply(this, arguments); BI.DynamicDateTimePopup.superclass._init.apply(this, arguments);
var self = this, opts = this.options; var self = this, opts = this.options, c = this.constants;
this.storeValue = {type: BI.DynamicDateCombo.Static}; this.storeValue = {type: BI.DynamicDateCombo.Static};
BI.createWidget({ BI.createWidget({
element: this, element: this,
@ -92253,6 +92258,7 @@ BI.extend(BI.DynamicDateTimeCombo, {
type: "bi.text_button", type: "bi.text_button",
forceCenter: true, forceCenter: true,
cls: "bi-high-light bi-border-top", cls: "bi-high-light bi-border-top",
textHeight: c.buttonHeight - 1,
shadow: true, shadow: true,
text: BI.i18nText("BI-Basic_Clear"), text: BI.i18nText("BI-Basic_Clear"),
listeners: [{ listeners: [{
@ -92265,6 +92271,7 @@ BI.extend(BI.DynamicDateTimeCombo, {
type: "bi.text_button", type: "bi.text_button",
forceCenter: true, forceCenter: true,
cls: "bi-border-left bi-border-right bi-high-light bi-border-top", cls: "bi-border-left bi-border-right bi-high-light bi-border-top",
textHeight: c.buttonHeight - 1,
shadow: true, shadow: true,
text: BI.i18nText("BI-Multi_Date_Today"), text: BI.i18nText("BI-Multi_Date_Today"),
ref: function () { ref: function () {
@ -92280,6 +92287,7 @@ BI.extend(BI.DynamicDateTimeCombo, {
type: "bi.text_button", type: "bi.text_button",
forceCenter: true, forceCenter: true,
cls: "bi-high-light bi-border-top", cls: "bi-high-light bi-border-top",
textHeight: c.buttonHeight - 1,
shadow: true, shadow: true,
text: BI.i18nText("BI-Basic_OK"), text: BI.i18nText("BI-Basic_OK"),
listeners: [{ listeners: [{
@ -110017,7 +110025,8 @@ BI.extend(BI.DynamicYearCombo, {
*/ */
BI.DynamicYearPopup = BI.inherit(BI.Widget, { BI.DynamicYearPopup = BI.inherit(BI.Widget, {
constants: { constants: {
tabHeight: 30 tabHeight: 30,
buttonHeight: 24
}, },
props: { props: {
@ -110030,7 +110039,7 @@ BI.DynamicYearPopup = BI.inherit(BI.Widget, {
}, },
render: function () { render: function () {
var self = this, opts = this.options; var self = this, opts = this.options, c = this.constants;
this.storeValue = {type: BI.DynamicYearCombo.Static}; this.storeValue = {type: BI.DynamicYearCombo.Static};
return { return {
type: "bi.vtape", type: "bi.vtape",
@ -110043,6 +110052,7 @@ BI.DynamicYearPopup = BI.inherit(BI.Widget, {
type: "bi.text_button", type: "bi.text_button",
forceCenter: true, forceCenter: true,
cls: "bi-border-top bi-high-light", cls: "bi-border-top bi-high-light",
textHeight: c.buttonHeight - 1,
shadow: true, shadow: true,
text: BI.i18nText("BI-Basic_Clear"), text: BI.i18nText("BI-Basic_Clear"),
listeners: [{ listeners: [{
@ -110054,6 +110064,7 @@ BI.DynamicYearPopup = BI.inherit(BI.Widget, {
}, { }, {
type: "bi.text_button", type: "bi.text_button",
forceCenter: true, forceCenter: true,
textHeight: c.buttonHeight - 1,
cls: "bi-border-left bi-border-right bi-high-light bi-border-top", cls: "bi-border-left bi-border-right bi-high-light bi-border-top",
shadow: true, shadow: true,
text: BI.i18nText("BI-Basic_Current_Year"), text: BI.i18nText("BI-Basic_Current_Year"),
@ -110070,6 +110081,7 @@ BI.DynamicYearPopup = BI.inherit(BI.Widget, {
type: "bi.text_button", type: "bi.text_button",
forceCenter: true, forceCenter: true,
cls: "bi-border-top bi-high-light", cls: "bi-border-top bi-high-light",
textHeight: c.buttonHeight - 1,
shadow: true, shadow: true,
text: BI.i18nText("BI-Basic_OK"), text: BI.i18nText("BI-Basic_OK"),
listeners: [{ listeners: [{
@ -110769,7 +110781,8 @@ BI.extend(BI.DynamicYearMonthCombo, {
*/ */
BI.DynamicYearMonthPopup = BI.inherit(BI.Widget, { BI.DynamicYearMonthPopup = BI.inherit(BI.Widget, {
constants: { constants: {
tabHeight: 30 tabHeight: 30,
buttonHeight: 24
}, },
props: { props: {
@ -110782,7 +110795,7 @@ BI.DynamicYearMonthPopup = BI.inherit(BI.Widget, {
}, },
render: function () { render: function () {
var self = this, opts = this.options; var self = this, opts = this.options, c = this.constants;
this.storeValue = {type: BI.DynamicYearMonthCombo.Static}; this.storeValue = {type: BI.DynamicYearMonthCombo.Static};
return { return {
type: "bi.vtape", type: "bi.vtape",
@ -110795,6 +110808,7 @@ BI.DynamicYearMonthPopup = BI.inherit(BI.Widget, {
type: "bi.text_button", type: "bi.text_button",
forceCenter: true, forceCenter: true,
cls: "bi-border-top bi-high-light", cls: "bi-border-top bi-high-light",
textHeight: c.buttonHeight - 1,
shadow: true, shadow: true,
text: BI.i18nText("BI-Basic_Clear"), text: BI.i18nText("BI-Basic_Clear"),
listeners: [{ listeners: [{
@ -110807,6 +110821,7 @@ BI.DynamicYearMonthPopup = BI.inherit(BI.Widget, {
type: "bi.text_button", type: "bi.text_button",
forceCenter: true, forceCenter: true,
cls: "bi-border-left bi-border-right bi-high-light bi-border-top", cls: "bi-border-left bi-border-right bi-high-light bi-border-top",
textHeight: c.buttonHeight - 1,
shadow: true, shadow: true,
text: BI.i18nText("BI-Basic_Current_Month"), text: BI.i18nText("BI-Basic_Current_Month"),
ref: function () { ref: function () {
@ -110822,6 +110837,7 @@ BI.DynamicYearMonthPopup = BI.inherit(BI.Widget, {
type: "bi.text_button", type: "bi.text_button",
forceCenter: true, forceCenter: true,
cls: "bi-border-top bi-high-light", cls: "bi-border-top bi-high-light",
textHeight: c.buttonHeight - 1,
shadow: true, shadow: true,
text: BI.i18nText("BI-Basic_OK"), text: BI.i18nText("BI-Basic_OK"),
listeners: [{ listeners: [{
@ -111751,7 +111767,8 @@ BI.extend(BI.DynamicYearQuarterCombo, {
Dynamic: 2 Dynamic: 2
});BI.DynamicYearQuarterPopup = BI.inherit(BI.Widget, { });BI.DynamicYearQuarterPopup = BI.inherit(BI.Widget, {
constants: { constants: {
tabHeight: 30 tabHeight: 30,
buttonHeight: 24
}, },
props: { props: {
@ -111764,7 +111781,7 @@ BI.extend(BI.DynamicYearQuarterCombo, {
}, },
render: function () { render: function () {
var self = this, opts = this.options; var self = this, opts = this.options, c = this.constants;
this.storeValue = {type: BI.DynamicYearQuarterCombo.Static}; this.storeValue = {type: BI.DynamicYearQuarterCombo.Static};
return { return {
type: "bi.vtape", type: "bi.vtape",
@ -111778,6 +111795,7 @@ BI.extend(BI.DynamicYearQuarterCombo, {
forceCenter: true, forceCenter: true,
cls: "bi-border-top bi-high-light", cls: "bi-border-top bi-high-light",
shadow: true, shadow: true,
textHeight: c.buttonHeight - 1,
text: BI.i18nText("BI-Basic_Clear"), text: BI.i18nText("BI-Basic_Clear"),
listeners: [{ listeners: [{
eventName: BI.TextButton.EVENT_CHANGE, eventName: BI.TextButton.EVENT_CHANGE,
@ -111789,6 +111807,7 @@ BI.extend(BI.DynamicYearQuarterCombo, {
type: "bi.text_button", type: "bi.text_button",
forceCenter: true, forceCenter: true,
cls: "bi-border-left bi-border-right bi-high-light bi-border-top", cls: "bi-border-left bi-border-right bi-high-light bi-border-top",
textHeight: c.buttonHeight - 1,
shadow: true, shadow: true,
text: BI.i18nText("BI-Basic_Current_Quarter"), text: BI.i18nText("BI-Basic_Current_Quarter"),
ref: function () { ref: function () {
@ -111805,6 +111824,7 @@ BI.extend(BI.DynamicYearQuarterCombo, {
forceCenter: true, forceCenter: true,
cls: "bi-border-top bi-high-light", cls: "bi-border-top bi-high-light",
shadow: true, shadow: true,
textHeight: c.buttonHeight - 1,
text: BI.i18nText("BI-Basic_OK"), text: BI.i18nText("BI-Basic_OK"),
listeners: [{ listeners: [{
eventName: BI.TextButton.EVENT_CHANGE, eventName: BI.TextButton.EVENT_CHANGE,

2
dist/bundle.min.css vendored

File diff suppressed because one or more lines are too long

30
dist/bundle.min.js vendored

File diff suppressed because one or more lines are too long

2
dist/case.js vendored

@ -11848,7 +11848,7 @@ BI.SegmentButton = BI.inherit(BI.BasicButton, {
this.text = BI.createWidget({ this.text = BI.createWidget({
type: "bi.label", type: "bi.label",
element: this, element: this,
height: opts.height - 2, textHeight: opts.height,
whiteSpace: opts.whiteSpace, whiteSpace: opts.whiteSpace,
text: opts.text, text: opts.text,
value: opts.value, value: opts.value,

55
dist/core.css vendored

@ -565,6 +565,9 @@ textarea {
.bi-list-item.disabled:active .bi-high-light { .bi-list-item.disabled:active .bi-high-light {
color: #9ea6b2 !important; color: #9ea6b2 !important;
} }
.bi-list-item.disabled .b-font:before {
color: #d0d4da !important;
}
.bi-theme-dark .bi-list-item:hover, .bi-theme-dark .bi-list-item:hover,
.bi-theme-dark .bi-list-item.hover { .bi-theme-dark .bi-list-item.hover {
color: #ffffff; color: #ffffff;
@ -600,6 +603,9 @@ textarea {
.bi-theme-dark .bi-list-item.disabled:active .bi-high-light { .bi-theme-dark .bi-list-item.disabled:active .bi-high-light {
color: #878d9f !important; color: #878d9f !important;
} }
.bi-theme-dark .bi-list-item.disabled .b-font:before {
color: #606479 !important;
}
.bi-list-item-border:active, .bi-list-item-border:active,
.bi-list-item-border.active { .bi-list-item-border.active {
border: 1px solid #3685f2; border: 1px solid #3685f2;
@ -636,6 +642,9 @@ textarea {
.bi-list-item-simple.disabled:active .bi-high-light { .bi-list-item-simple.disabled:active .bi-high-light {
color: #9ea6b2 !important; color: #9ea6b2 !important;
} }
.bi-list-item-simple.disabled .b-font:before {
color: #d0d4da !important;
}
.bi-list-item-effect:hover { .bi-list-item-effect:hover {
color: #232e40; color: #232e40;
} }
@ -677,6 +686,9 @@ textarea {
.bi-list-item-effect.disabled:active .bi-high-light { .bi-list-item-effect.disabled:active .bi-high-light {
color: #9ea6b2 !important; color: #9ea6b2 !important;
} }
.bi-list-item-effect.disabled .b-font:before {
color: #d0d4da !important;
}
.bi-theme-dark .bi-list-item-effect:hover { .bi-theme-dark .bi-list-item-effect:hover {
color: #ffffff; color: #ffffff;
} }
@ -719,6 +731,9 @@ textarea {
.bi-theme-dark .bi-list-item-effect.disabled:active .bi-high-light { .bi-theme-dark .bi-list-item-effect.disabled:active .bi-high-light {
color: #878d9f !important; color: #878d9f !important;
} }
.bi-theme-dark .bi-list-item-effect.disabled .b-font:before {
color: #606479 !important;
}
.bi-list-item-active:hover, .bi-list-item-active:hover,
.bi-list-item-active.hover { .bi-list-item-active.hover {
color: #232e40; color: #232e40;
@ -774,6 +789,9 @@ textarea {
.bi-list-item-active.disabled:active .bi-high-light { .bi-list-item-active.disabled:active .bi-high-light {
color: #9ea6b2 !important; color: #9ea6b2 !important;
} }
.bi-list-item-active.disabled .b-font:before {
color: #d0d4da !important;
}
.bi-theme-dark .bi-list-item-active:hover, .bi-theme-dark .bi-list-item-active:hover,
.bi-theme-dark .bi-list-item-active.hover { .bi-theme-dark .bi-list-item-active.hover {
color: #ffffff; color: #ffffff;
@ -823,6 +841,9 @@ textarea {
.bi-theme-dark .bi-list-item-active.disabled:active .bi-high-light { .bi-theme-dark .bi-list-item-active.disabled:active .bi-high-light {
color: #878d9f !important; color: #878d9f !important;
} }
.bi-theme-dark .bi-list-item-active.disabled .b-font:before {
color: #606479 !important;
}
.bi-list-item-active2:hover, .bi-list-item-active2:hover,
.bi-list-item-active2.hover { .bi-list-item-active2.hover {
color: #232e40; color: #232e40;
@ -885,6 +906,9 @@ textarea {
.bi-list-item-active2.disabled:active .bi-high-light { .bi-list-item-active2.disabled:active .bi-high-light {
color: #9ea6b2 !important; color: #9ea6b2 !important;
} }
.bi-list-item-active2.disabled .b-font:before {
color: #d0d4da !important;
}
.bi-theme-dark .bi-list-item-active2:hover, .bi-theme-dark .bi-list-item-active2:hover,
.bi-theme-dark .bi-list-item-active2.hover { .bi-theme-dark .bi-list-item-active2.hover {
color: #ffffff; color: #ffffff;
@ -932,6 +956,9 @@ textarea {
.bi-theme-dark .bi-list-item-active2.disabled:active .bi-high-light { .bi-theme-dark .bi-list-item-active2.disabled:active .bi-high-light {
color: #878d9f !important; color: #878d9f !important;
} }
.bi-theme-dark .bi-list-item-active2.disabled .b-font:before {
color: #606479 !important;
}
.bi-list-item-active3:hover, .bi-list-item-active3:hover,
.bi-list-item-active3.hover { .bi-list-item-active3.hover {
color: #232e40; color: #232e40;
@ -981,6 +1008,9 @@ textarea {
.bi-list-item-active3.disabled:active .bi-high-light { .bi-list-item-active3.disabled:active .bi-high-light {
color: #9ea6b2 !important; color: #9ea6b2 !important;
} }
.bi-list-item-active3.disabled .b-font:before {
color: #d0d4da !important;
}
.bi-theme-dark .bi-list-item-active3:hover, .bi-theme-dark .bi-list-item-active3:hover,
.bi-theme-dark .bi-list-item-active3.hover { .bi-theme-dark .bi-list-item-active3.hover {
color: #ffffff; color: #ffffff;
@ -1030,6 +1060,9 @@ textarea {
.bi-theme-dark .bi-list-item-active3.disabled:active .bi-high-light { .bi-theme-dark .bi-list-item-active3.disabled:active .bi-high-light {
color: #878d9f !important; color: #878d9f !important;
} }
.bi-theme-dark .bi-list-item-active3.disabled .b-font:before {
color: #606479 !important;
}
.bi-list-item-select:hover, .bi-list-item-select:hover,
.bi-list-item-select.hover { .bi-list-item-select.hover {
background-color: rgba(54, 133, 242, 0.06); background-color: rgba(54, 133, 242, 0.06);
@ -1144,7 +1177,7 @@ textarea {
color: #9ea6b2 !important; color: #9ea6b2 !important;
} }
.bi-list-item-select.disabled.bi-high-light-border { .bi-list-item-select.disabled.bi-high-light-border {
border-color: #F0F3F7; border-color: #d0d4da;
} }
.bi-list-item-select.disabled.hover, .bi-list-item-select.disabled.hover,
.bi-list-item-select.disabled.active { .bi-list-item-select.disabled.active {
@ -1165,7 +1198,10 @@ textarea {
} }
.bi-list-item-select.disabled.hover.bi-high-light-border, .bi-list-item-select.disabled.hover.bi-high-light-border,
.bi-list-item-select.disabled.active.bi-high-light-border { .bi-list-item-select.disabled.active.bi-high-light-border {
border-color: #F0F3F7; border-color: #d0d4da;
}
.bi-list-item-select.disabled .b-font:before {
color: #d0d4da !important;
} }
.bi-list-item-select2:hover, .bi-list-item-select2:hover,
.bi-list-item-select2.hover { .bi-list-item-select2.hover {
@ -1188,6 +1224,12 @@ textarea {
.bi-list-item-select2.active .bi-high-light { .bi-list-item-select2.active .bi-high-light {
color: #ffffff; color: #ffffff;
} }
.bi-list-item-select2.disabled:hover,
.bi-list-item-select2.disabled.hover,
.bi-list-item-select2.disabled:active,
.bi-list-item-select2.disabled.active {
background-color: #ffffff !important;
}
.bi-theme-dark .bi-list-item-select:hover, .bi-theme-dark .bi-list-item-select:hover,
.bi-theme-dark .bi-list-item-select.hover { .bi-theme-dark .bi-list-item-select.hover {
color: #ffffff; color: #ffffff;
@ -1240,6 +1282,9 @@ textarea {
.bi-theme-dark .bi-list-item-select.disabled:active .bi-high-light { .bi-theme-dark .bi-list-item-select.disabled:active .bi-high-light {
color: #878d9f !important; color: #878d9f !important;
} }
.bi-theme-dark .bi-list-item-select.disabled .b-font:before {
color: #606479 !important;
}
.bi-list-item-none:hover, .bi-list-item-none:hover,
.bi-list-item-none.hover { .bi-list-item-none.hover {
color: inherit; color: inherit;
@ -1291,6 +1336,9 @@ textarea {
.bi-list-item-none.disabled:active .bi-high-light { .bi-list-item-none.disabled:active .bi-high-light {
color: #9ea6b2 !important; color: #9ea6b2 !important;
} }
.bi-list-item-none.disabled .b-font:before {
color: #d0d4da !important;
}
.bi-theme-dark .bi-list-item-none:hover, .bi-theme-dark .bi-list-item-none:hover,
.bi-theme-dark .bi-list-item-none.hover { .bi-theme-dark .bi-list-item-none.hover {
color: inherit; color: inherit;
@ -1342,6 +1390,9 @@ textarea {
.bi-theme-dark .bi-list-item-none.disabled:active .bi-high-light { .bi-theme-dark .bi-list-item-none.disabled:active .bi-high-light {
color: #878d9f !important; color: #878d9f !important;
} }
.bi-theme-dark .bi-list-item-none.disabled .b-font:before {
color: #606479 !important;
}
/*****************cursor*****************/ /*****************cursor*****************/
.cursor-pointer { .cursor-pointer {
cursor: pointer; cursor: pointer;

55
dist/core_without_normalize.css vendored

@ -287,6 +287,9 @@ textarea {
.bi-list-item.disabled:active .bi-high-light { .bi-list-item.disabled:active .bi-high-light {
color: #9ea6b2 !important; color: #9ea6b2 !important;
} }
.bi-list-item.disabled .b-font:before {
color: #d0d4da !important;
}
.bi-theme-dark .bi-list-item:hover, .bi-theme-dark .bi-list-item:hover,
.bi-theme-dark .bi-list-item.hover { .bi-theme-dark .bi-list-item.hover {
color: #ffffff; color: #ffffff;
@ -322,6 +325,9 @@ textarea {
.bi-theme-dark .bi-list-item.disabled:active .bi-high-light { .bi-theme-dark .bi-list-item.disabled:active .bi-high-light {
color: #878d9f !important; color: #878d9f !important;
} }
.bi-theme-dark .bi-list-item.disabled .b-font:before {
color: #606479 !important;
}
.bi-list-item-border:active, .bi-list-item-border:active,
.bi-list-item-border.active { .bi-list-item-border.active {
border: 1px solid #3685f2; border: 1px solid #3685f2;
@ -358,6 +364,9 @@ textarea {
.bi-list-item-simple.disabled:active .bi-high-light { .bi-list-item-simple.disabled:active .bi-high-light {
color: #9ea6b2 !important; color: #9ea6b2 !important;
} }
.bi-list-item-simple.disabled .b-font:before {
color: #d0d4da !important;
}
.bi-list-item-effect:hover { .bi-list-item-effect:hover {
color: #232e40; color: #232e40;
} }
@ -399,6 +408,9 @@ textarea {
.bi-list-item-effect.disabled:active .bi-high-light { .bi-list-item-effect.disabled:active .bi-high-light {
color: #9ea6b2 !important; color: #9ea6b2 !important;
} }
.bi-list-item-effect.disabled .b-font:before {
color: #d0d4da !important;
}
.bi-theme-dark .bi-list-item-effect:hover { .bi-theme-dark .bi-list-item-effect:hover {
color: #ffffff; color: #ffffff;
} }
@ -441,6 +453,9 @@ textarea {
.bi-theme-dark .bi-list-item-effect.disabled:active .bi-high-light { .bi-theme-dark .bi-list-item-effect.disabled:active .bi-high-light {
color: #878d9f !important; color: #878d9f !important;
} }
.bi-theme-dark .bi-list-item-effect.disabled .b-font:before {
color: #606479 !important;
}
.bi-list-item-active:hover, .bi-list-item-active:hover,
.bi-list-item-active.hover { .bi-list-item-active.hover {
color: #232e40; color: #232e40;
@ -496,6 +511,9 @@ textarea {
.bi-list-item-active.disabled:active .bi-high-light { .bi-list-item-active.disabled:active .bi-high-light {
color: #9ea6b2 !important; color: #9ea6b2 !important;
} }
.bi-list-item-active.disabled .b-font:before {
color: #d0d4da !important;
}
.bi-theme-dark .bi-list-item-active:hover, .bi-theme-dark .bi-list-item-active:hover,
.bi-theme-dark .bi-list-item-active.hover { .bi-theme-dark .bi-list-item-active.hover {
color: #ffffff; color: #ffffff;
@ -545,6 +563,9 @@ textarea {
.bi-theme-dark .bi-list-item-active.disabled:active .bi-high-light { .bi-theme-dark .bi-list-item-active.disabled:active .bi-high-light {
color: #878d9f !important; color: #878d9f !important;
} }
.bi-theme-dark .bi-list-item-active.disabled .b-font:before {
color: #606479 !important;
}
.bi-list-item-active2:hover, .bi-list-item-active2:hover,
.bi-list-item-active2.hover { .bi-list-item-active2.hover {
color: #232e40; color: #232e40;
@ -607,6 +628,9 @@ textarea {
.bi-list-item-active2.disabled:active .bi-high-light { .bi-list-item-active2.disabled:active .bi-high-light {
color: #9ea6b2 !important; color: #9ea6b2 !important;
} }
.bi-list-item-active2.disabled .b-font:before {
color: #d0d4da !important;
}
.bi-theme-dark .bi-list-item-active2:hover, .bi-theme-dark .bi-list-item-active2:hover,
.bi-theme-dark .bi-list-item-active2.hover { .bi-theme-dark .bi-list-item-active2.hover {
color: #ffffff; color: #ffffff;
@ -654,6 +678,9 @@ textarea {
.bi-theme-dark .bi-list-item-active2.disabled:active .bi-high-light { .bi-theme-dark .bi-list-item-active2.disabled:active .bi-high-light {
color: #878d9f !important; color: #878d9f !important;
} }
.bi-theme-dark .bi-list-item-active2.disabled .b-font:before {
color: #606479 !important;
}
.bi-list-item-active3:hover, .bi-list-item-active3:hover,
.bi-list-item-active3.hover { .bi-list-item-active3.hover {
color: #232e40; color: #232e40;
@ -703,6 +730,9 @@ textarea {
.bi-list-item-active3.disabled:active .bi-high-light { .bi-list-item-active3.disabled:active .bi-high-light {
color: #9ea6b2 !important; color: #9ea6b2 !important;
} }
.bi-list-item-active3.disabled .b-font:before {
color: #d0d4da !important;
}
.bi-theme-dark .bi-list-item-active3:hover, .bi-theme-dark .bi-list-item-active3:hover,
.bi-theme-dark .bi-list-item-active3.hover { .bi-theme-dark .bi-list-item-active3.hover {
color: #ffffff; color: #ffffff;
@ -752,6 +782,9 @@ textarea {
.bi-theme-dark .bi-list-item-active3.disabled:active .bi-high-light { .bi-theme-dark .bi-list-item-active3.disabled:active .bi-high-light {
color: #878d9f !important; color: #878d9f !important;
} }
.bi-theme-dark .bi-list-item-active3.disabled .b-font:before {
color: #606479 !important;
}
.bi-list-item-select:hover, .bi-list-item-select:hover,
.bi-list-item-select.hover { .bi-list-item-select.hover {
background-color: rgba(54, 133, 242, 0.06); background-color: rgba(54, 133, 242, 0.06);
@ -866,7 +899,7 @@ textarea {
color: #9ea6b2 !important; color: #9ea6b2 !important;
} }
.bi-list-item-select.disabled.bi-high-light-border { .bi-list-item-select.disabled.bi-high-light-border {
border-color: #F0F3F7; border-color: #d0d4da;
} }
.bi-list-item-select.disabled.hover, .bi-list-item-select.disabled.hover,
.bi-list-item-select.disabled.active { .bi-list-item-select.disabled.active {
@ -887,7 +920,10 @@ textarea {
} }
.bi-list-item-select.disabled.hover.bi-high-light-border, .bi-list-item-select.disabled.hover.bi-high-light-border,
.bi-list-item-select.disabled.active.bi-high-light-border { .bi-list-item-select.disabled.active.bi-high-light-border {
border-color: #F0F3F7; border-color: #d0d4da;
}
.bi-list-item-select.disabled .b-font:before {
color: #d0d4da !important;
} }
.bi-list-item-select2:hover, .bi-list-item-select2:hover,
.bi-list-item-select2.hover { .bi-list-item-select2.hover {
@ -910,6 +946,12 @@ textarea {
.bi-list-item-select2.active .bi-high-light { .bi-list-item-select2.active .bi-high-light {
color: #ffffff; color: #ffffff;
} }
.bi-list-item-select2.disabled:hover,
.bi-list-item-select2.disabled.hover,
.bi-list-item-select2.disabled:active,
.bi-list-item-select2.disabled.active {
background-color: #ffffff !important;
}
.bi-theme-dark .bi-list-item-select:hover, .bi-theme-dark .bi-list-item-select:hover,
.bi-theme-dark .bi-list-item-select.hover { .bi-theme-dark .bi-list-item-select.hover {
color: #ffffff; color: #ffffff;
@ -962,6 +1004,9 @@ textarea {
.bi-theme-dark .bi-list-item-select.disabled:active .bi-high-light { .bi-theme-dark .bi-list-item-select.disabled:active .bi-high-light {
color: #878d9f !important; color: #878d9f !important;
} }
.bi-theme-dark .bi-list-item-select.disabled .b-font:before {
color: #606479 !important;
}
.bi-list-item-none:hover, .bi-list-item-none:hover,
.bi-list-item-none.hover { .bi-list-item-none.hover {
color: inherit; color: inherit;
@ -1013,6 +1058,9 @@ textarea {
.bi-list-item-none.disabled:active .bi-high-light { .bi-list-item-none.disabled:active .bi-high-light {
color: #9ea6b2 !important; color: #9ea6b2 !important;
} }
.bi-list-item-none.disabled .b-font:before {
color: #d0d4da !important;
}
.bi-theme-dark .bi-list-item-none:hover, .bi-theme-dark .bi-list-item-none:hover,
.bi-theme-dark .bi-list-item-none.hover { .bi-theme-dark .bi-list-item-none.hover {
color: inherit; color: inherit;
@ -1064,6 +1112,9 @@ textarea {
.bi-theme-dark .bi-list-item-none.disabled:active .bi-high-light { .bi-theme-dark .bi-list-item-none.disabled:active .bi-high-light {
color: #878d9f !important; color: #878d9f !important;
} }
.bi-theme-dark .bi-list-item-none.disabled .b-font:before {
color: #606479 !important;
}
/*****************cursor*****************/ /*****************cursor*****************/
.cursor-pointer { .cursor-pointer {
cursor: pointer; cursor: pointer;

100
dist/fineui.css vendored

@ -565,6 +565,9 @@ textarea {
.bi-list-item.disabled:active .bi-high-light { .bi-list-item.disabled:active .bi-high-light {
color: #9ea6b2 !important; color: #9ea6b2 !important;
} }
.bi-list-item.disabled .b-font:before {
color: #d0d4da !important;
}
.bi-theme-dark .bi-list-item:hover, .bi-theme-dark .bi-list-item:hover,
.bi-theme-dark .bi-list-item.hover { .bi-theme-dark .bi-list-item.hover {
color: #ffffff; color: #ffffff;
@ -600,6 +603,9 @@ textarea {
.bi-theme-dark .bi-list-item.disabled:active .bi-high-light { .bi-theme-dark .bi-list-item.disabled:active .bi-high-light {
color: #878d9f !important; color: #878d9f !important;
} }
.bi-theme-dark .bi-list-item.disabled .b-font:before {
color: #606479 !important;
}
.bi-list-item-border:active, .bi-list-item-border:active,
.bi-list-item-border.active { .bi-list-item-border.active {
border: 1px solid #3685f2; border: 1px solid #3685f2;
@ -636,6 +642,9 @@ textarea {
.bi-list-item-simple.disabled:active .bi-high-light { .bi-list-item-simple.disabled:active .bi-high-light {
color: #9ea6b2 !important; color: #9ea6b2 !important;
} }
.bi-list-item-simple.disabled .b-font:before {
color: #d0d4da !important;
}
.bi-list-item-effect:hover { .bi-list-item-effect:hover {
color: #232e40; color: #232e40;
} }
@ -677,6 +686,9 @@ textarea {
.bi-list-item-effect.disabled:active .bi-high-light { .bi-list-item-effect.disabled:active .bi-high-light {
color: #9ea6b2 !important; color: #9ea6b2 !important;
} }
.bi-list-item-effect.disabled .b-font:before {
color: #d0d4da !important;
}
.bi-theme-dark .bi-list-item-effect:hover { .bi-theme-dark .bi-list-item-effect:hover {
color: #ffffff; color: #ffffff;
} }
@ -719,6 +731,9 @@ textarea {
.bi-theme-dark .bi-list-item-effect.disabled:active .bi-high-light { .bi-theme-dark .bi-list-item-effect.disabled:active .bi-high-light {
color: #878d9f !important; color: #878d9f !important;
} }
.bi-theme-dark .bi-list-item-effect.disabled .b-font:before {
color: #606479 !important;
}
.bi-list-item-active:hover, .bi-list-item-active:hover,
.bi-list-item-active.hover { .bi-list-item-active.hover {
color: #232e40; color: #232e40;
@ -774,6 +789,9 @@ textarea {
.bi-list-item-active.disabled:active .bi-high-light { .bi-list-item-active.disabled:active .bi-high-light {
color: #9ea6b2 !important; color: #9ea6b2 !important;
} }
.bi-list-item-active.disabled .b-font:before {
color: #d0d4da !important;
}
.bi-theme-dark .bi-list-item-active:hover, .bi-theme-dark .bi-list-item-active:hover,
.bi-theme-dark .bi-list-item-active.hover { .bi-theme-dark .bi-list-item-active.hover {
color: #ffffff; color: #ffffff;
@ -823,6 +841,9 @@ textarea {
.bi-theme-dark .bi-list-item-active.disabled:active .bi-high-light { .bi-theme-dark .bi-list-item-active.disabled:active .bi-high-light {
color: #878d9f !important; color: #878d9f !important;
} }
.bi-theme-dark .bi-list-item-active.disabled .b-font:before {
color: #606479 !important;
}
.bi-list-item-active2:hover, .bi-list-item-active2:hover,
.bi-list-item-active2.hover { .bi-list-item-active2.hover {
color: #232e40; color: #232e40;
@ -885,6 +906,9 @@ textarea {
.bi-list-item-active2.disabled:active .bi-high-light { .bi-list-item-active2.disabled:active .bi-high-light {
color: #9ea6b2 !important; color: #9ea6b2 !important;
} }
.bi-list-item-active2.disabled .b-font:before {
color: #d0d4da !important;
}
.bi-theme-dark .bi-list-item-active2:hover, .bi-theme-dark .bi-list-item-active2:hover,
.bi-theme-dark .bi-list-item-active2.hover { .bi-theme-dark .bi-list-item-active2.hover {
color: #ffffff; color: #ffffff;
@ -932,6 +956,9 @@ textarea {
.bi-theme-dark .bi-list-item-active2.disabled:active .bi-high-light { .bi-theme-dark .bi-list-item-active2.disabled:active .bi-high-light {
color: #878d9f !important; color: #878d9f !important;
} }
.bi-theme-dark .bi-list-item-active2.disabled .b-font:before {
color: #606479 !important;
}
.bi-list-item-active3:hover, .bi-list-item-active3:hover,
.bi-list-item-active3.hover { .bi-list-item-active3.hover {
color: #232e40; color: #232e40;
@ -981,6 +1008,9 @@ textarea {
.bi-list-item-active3.disabled:active .bi-high-light { .bi-list-item-active3.disabled:active .bi-high-light {
color: #9ea6b2 !important; color: #9ea6b2 !important;
} }
.bi-list-item-active3.disabled .b-font:before {
color: #d0d4da !important;
}
.bi-theme-dark .bi-list-item-active3:hover, .bi-theme-dark .bi-list-item-active3:hover,
.bi-theme-dark .bi-list-item-active3.hover { .bi-theme-dark .bi-list-item-active3.hover {
color: #ffffff; color: #ffffff;
@ -1030,6 +1060,9 @@ textarea {
.bi-theme-dark .bi-list-item-active3.disabled:active .bi-high-light { .bi-theme-dark .bi-list-item-active3.disabled:active .bi-high-light {
color: #878d9f !important; color: #878d9f !important;
} }
.bi-theme-dark .bi-list-item-active3.disabled .b-font:before {
color: #606479 !important;
}
.bi-list-item-select:hover, .bi-list-item-select:hover,
.bi-list-item-select.hover { .bi-list-item-select.hover {
background-color: rgba(54, 133, 242, 0.06); background-color: rgba(54, 133, 242, 0.06);
@ -1144,7 +1177,7 @@ textarea {
color: #9ea6b2 !important; color: #9ea6b2 !important;
} }
.bi-list-item-select.disabled.bi-high-light-border { .bi-list-item-select.disabled.bi-high-light-border {
border-color: #F0F3F7; border-color: #d0d4da;
} }
.bi-list-item-select.disabled.hover, .bi-list-item-select.disabled.hover,
.bi-list-item-select.disabled.active { .bi-list-item-select.disabled.active {
@ -1165,7 +1198,10 @@ textarea {
} }
.bi-list-item-select.disabled.hover.bi-high-light-border, .bi-list-item-select.disabled.hover.bi-high-light-border,
.bi-list-item-select.disabled.active.bi-high-light-border { .bi-list-item-select.disabled.active.bi-high-light-border {
border-color: #F0F3F7; border-color: #d0d4da;
}
.bi-list-item-select.disabled .b-font:before {
color: #d0d4da !important;
} }
.bi-list-item-select2:hover, .bi-list-item-select2:hover,
.bi-list-item-select2.hover { .bi-list-item-select2.hover {
@ -1188,6 +1224,12 @@ textarea {
.bi-list-item-select2.active .bi-high-light { .bi-list-item-select2.active .bi-high-light {
color: #ffffff; color: #ffffff;
} }
.bi-list-item-select2.disabled:hover,
.bi-list-item-select2.disabled.hover,
.bi-list-item-select2.disabled:active,
.bi-list-item-select2.disabled.active {
background-color: #ffffff !important;
}
.bi-theme-dark .bi-list-item-select:hover, .bi-theme-dark .bi-list-item-select:hover,
.bi-theme-dark .bi-list-item-select.hover { .bi-theme-dark .bi-list-item-select.hover {
color: #ffffff; color: #ffffff;
@ -1240,6 +1282,9 @@ textarea {
.bi-theme-dark .bi-list-item-select.disabled:active .bi-high-light { .bi-theme-dark .bi-list-item-select.disabled:active .bi-high-light {
color: #878d9f !important; color: #878d9f !important;
} }
.bi-theme-dark .bi-list-item-select.disabled .b-font:before {
color: #606479 !important;
}
.bi-list-item-none:hover, .bi-list-item-none:hover,
.bi-list-item-none.hover { .bi-list-item-none.hover {
color: inherit; color: inherit;
@ -1291,6 +1336,9 @@ textarea {
.bi-list-item-none.disabled:active .bi-high-light { .bi-list-item-none.disabled:active .bi-high-light {
color: #9ea6b2 !important; color: #9ea6b2 !important;
} }
.bi-list-item-none.disabled .b-font:before {
color: #d0d4da !important;
}
.bi-theme-dark .bi-list-item-none:hover, .bi-theme-dark .bi-list-item-none:hover,
.bi-theme-dark .bi-list-item-none.hover { .bi-theme-dark .bi-list-item-none.hover {
color: inherit; color: inherit;
@ -1342,6 +1390,9 @@ textarea {
.bi-theme-dark .bi-list-item-none.disabled:active .bi-high-light { .bi-theme-dark .bi-list-item-none.disabled:active .bi-high-light {
color: #878d9f !important; color: #878d9f !important;
} }
.bi-theme-dark .bi-list-item-none.disabled .b-font:before {
color: #606479 !important;
}
/*****************cursor*****************/ /*****************cursor*****************/
.cursor-pointer { .cursor-pointer {
cursor: pointer; cursor: pointer;
@ -2935,7 +2986,7 @@ li.CodeMirror-hint-active {
} }
.bi-segment.disabled > .center-element, .bi-segment.disabled > .center-element,
.bi-segment.disabled > .first-element { .bi-segment.disabled > .first-element {
border-color: #F0F3F7; border-color: #d0d4da;
} }
.bi-theme-dark .bi-segment > .center-element { .bi-theme-dark .bi-segment > .center-element {
overflow: hidden; overflow: hidden;
@ -3114,8 +3165,8 @@ body .bi-button.button-error.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: #F0F3F7 !important; background: #d0d4da !important;
border-color: #F0F3F7 !important; border-color: #d0d4da !important;
} }
body .bi-button.button-common.disabled, body .bi-button.button-common.disabled,
#body .bi-button.button-common.disabled, #body .bi-button.button-common.disabled,
@ -3574,8 +3625,8 @@ body .bi-button.button-ignore.disabled.ghost .b-font:before,
border-radius: 5px; border-radius: 5px;
} }
.bi-theme-dark .scrollbar-layout-main { .bi-theme-dark .scrollbar-layout-main {
background-color: rgba(240, 243, 247, 0.05); background-color: rgba(208, 212, 218, 0.05);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0df0f3f7,endColorstr=#0df0f3f7); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0dd0d4da,endColorstr=#0dd0d4da);
} }
.scrollbar-layout-main-vertical { .scrollbar-layout-main-vertical {
bottom: 0; bottom: 0;
@ -3597,8 +3648,8 @@ body .bi-button.button-ignore.disabled.ghost .b-font:before,
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0d878d9f,endColorstr=#0d878d9f); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0d878d9f,endColorstr=#0d878d9f);
} }
.bi-theme-dark .scrollbar-layout-main-horizontal { .bi-theme-dark .scrollbar-layout-main-horizontal {
background-color: rgba(240, 243, 247, 0.05); background-color: rgba(208, 212, 218, 0.05);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0df0f3f7,endColorstr=#0df0f3f7); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0dd0d4da,endColorstr=#0dd0d4da);
} }
/* Touching the scroll-track directly makes the scroll-track bolder */ /* Touching the scroll-track directly makes the scroll-track bolder */
.scrollbar-layout-main-horizontal.public-scrollbar-main-active, .scrollbar-layout-main-horizontal.public-scrollbar-main-active,
@ -3655,8 +3706,8 @@ body .bi-button.button-ignore.disabled.ghost .b-font:before,
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4d878d9f,endColorstr=#4d878d9f); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4d878d9f,endColorstr=#4d878d9f);
} }
.bi-theme-dark .public-scrollbar-face:after { .bi-theme-dark .public-scrollbar-face:after {
background-color: rgba(240, 243, 247, 0.3); background-color: rgba(208, 212, 218, 0.3);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4df0f3f7,endColorstr=#4df0f3f7); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4dd0d4da,endColorstr=#4dd0d4da);
} }
.public-scrollbar-main:hover .public-scrollbar-face:after, .public-scrollbar-main:hover .public-scrollbar-face:after,
.public-scrollbar-main-active .public-scrollbar-face:after, .public-scrollbar-main-active .public-scrollbar-face:after,
@ -3667,8 +3718,8 @@ body .bi-button.button-ignore.disabled.ghost .b-font:before,
.bi-theme-dark .public-scrollbar-main:hover .public-scrollbar-face:after, .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-main-active .public-scrollbar-face:after,
.bi-theme-dark .public-scrollbar-face-active:after { .bi-theme-dark .public-scrollbar-face-active:after {
background-color: rgba(240, 243, 247, 0.7); background-color: rgba(208, 212, 218, 0.7);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b3f0f3f7,endColorstr=#b3f0f3f7); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b3d0d4da,endColorstr=#b3d0d4da);
} }
.horizontal-scrollbar { .horizontal-scrollbar {
bottom: 0; bottom: 0;
@ -4489,6 +4540,17 @@ ul.ztree.zTreeDragUL {
top: 4px; top: 4px;
left: -10px; left: -10px;
} }
.bi-single-slider-button .slider-button.disabled {
border-color: #d0d4da;
}
.bi-single-slider-button .slider-button.disabled:hover,
.bi-single-slider-button .slider-button.disabled.hover {
background-color: #f7f8fa;
width: 16px;
height: 16px;
top: 6px;
left: -8px;
}
.bi-slider-track .gray-track { .bi-slider-track .gray-track {
background-color: #F2F4F7; background-color: #F2F4F7;
-webkit-border-radius: 3px; -webkit-border-radius: 3px;
@ -4602,8 +4664,8 @@ textarea::-webkit-scrollbar-thumb:hover {
.bi-theme-dark div::-webkit-scrollbar, .bi-theme-dark div::-webkit-scrollbar,
.bi-theme-dark textarea::-webkit-scrollbar { .bi-theme-dark textarea::-webkit-scrollbar {
-webkit-appearance: none; -webkit-appearance: none;
background-color: rgba(240, 243, 247, 0.05); background-color: rgba(208, 212, 218, 0.05);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0df0f3f7,endColorstr=#0df0f3f7); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0dd0d4da,endColorstr=#0dd0d4da);
width: 6px; width: 6px;
height: 6px; height: 6px;
} }
@ -4612,13 +4674,13 @@ textarea::-webkit-scrollbar-thumb:hover {
-webkit-border-radius: 0; -webkit-border-radius: 0;
-moz-border-radius: 0; -moz-border-radius: 0;
border-radius: 0; border-radius: 0;
background-color: rgba(240, 243, 247, 0.3); background-color: rgba(208, 212, 218, 0.3);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4df0f3f7,endColorstr=#4df0f3f7); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4dd0d4da,endColorstr=#4dd0d4da);
} }
.bi-theme-dark div::-webkit-scrollbar-thumb:hover, .bi-theme-dark div::-webkit-scrollbar-thumb:hover,
.bi-theme-dark textarea::-webkit-scrollbar-thumb:hover { .bi-theme-dark textarea::-webkit-scrollbar-thumb:hover {
background-color: rgba(240, 243, 247, 0.7); background-color: rgba(208, 212, 218, 0.7);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b3f0f3f7,endColorstr=#b3f0f3f7); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b3d0d4da,endColorstr=#b3d0d4da);
} }
.farbtastic .wheel { .farbtastic .wheel {
background: url('resources?path=/com/fr/web/ui/images/1x/background/wheel.png') no-repeat center center; background: url('resources?path=/com/fr/web/ui/images/1x/background/wheel.png') no-repeat center center;

42
dist/fineui.js vendored

@ -84665,7 +84665,7 @@ BI.SegmentButton = BI.inherit(BI.BasicButton, {
this.text = BI.createWidget({ this.text = BI.createWidget({
type: "bi.label", type: "bi.label",
element: this, element: this,
height: opts.height - 2, textHeight: opts.height,
whiteSpace: opts.whiteSpace, whiteSpace: opts.whiteSpace,
text: opts.text, text: opts.text,
value: opts.value, value: opts.value,
@ -91711,7 +91711,8 @@ BI.DynamicDateParamItem.EVENT_CHANGE = "EVENT_CHANGE";
BI.shortcut("bi.dynamic_date_param_item", BI.DynamicDateParamItem); BI.shortcut("bi.dynamic_date_param_item", BI.DynamicDateParamItem);
BI.DynamicDatePopup = BI.inherit(BI.Widget, { BI.DynamicDatePopup = BI.inherit(BI.Widget, {
constants: { constants: {
tabHeight: 30 tabHeight: 30,
buttonHeight: 24
}, },
props: { props: {
@ -91722,7 +91723,7 @@ BI.DynamicDatePopup = BI.inherit(BI.Widget, {
_init: function () { _init: function () {
BI.DynamicDatePopup.superclass._init.apply(this, arguments); BI.DynamicDatePopup.superclass._init.apply(this, arguments);
var self = this, opts = this.options; var self = this, opts = this.options, c = this.constants;
this.storeValue = {type: BI.DynamicDateCombo.Static}; this.storeValue = {type: BI.DynamicDateCombo.Static};
BI.createWidget({ BI.createWidget({
element: this, element: this,
@ -91738,6 +91739,7 @@ BI.DynamicDatePopup = BI.inherit(BI.Widget, {
cls: "bi-high-light bi-border-top", cls: "bi-high-light bi-border-top",
shadow: true, shadow: true,
text: BI.i18nText("BI-Basic_Clear"), text: BI.i18nText("BI-Basic_Clear"),
textHeight: c.buttonHeight - 1,
listeners: [{ listeners: [{
eventName: BI.TextButton.EVENT_CHANGE, eventName: BI.TextButton.EVENT_CHANGE,
action: function () { action: function () {
@ -91749,6 +91751,7 @@ BI.DynamicDatePopup = BI.inherit(BI.Widget, {
forceCenter: true, forceCenter: true,
cls: "bi-border-left bi-border-right bi-high-light bi-border-top", cls: "bi-border-left bi-border-right bi-high-light bi-border-top",
shadow: true, shadow: true,
textHeight: c.buttonHeight - 1,
text: BI.i18nText("BI-Multi_Date_Today"), text: BI.i18nText("BI-Multi_Date_Today"),
ref: function () { ref: function () {
self.textButton = this; self.textButton = this;
@ -91763,6 +91766,7 @@ BI.DynamicDatePopup = BI.inherit(BI.Widget, {
type: "bi.text_button", type: "bi.text_button",
forceCenter: true, forceCenter: true,
cls: "bi-high-light bi-border-top", cls: "bi-high-light bi-border-top",
textHeight: c.buttonHeight - 1,
shadow: true, shadow: true,
text: BI.i18nText("BI-Basic_OK"), text: BI.i18nText("BI-Basic_OK"),
listeners: [{ listeners: [{
@ -92477,7 +92481,8 @@ BI.extend(BI.DynamicDateTimeCombo, {
Dynamic: 2 Dynamic: 2
});BI.DynamicDateTimePopup = BI.inherit(BI.Widget, { });BI.DynamicDateTimePopup = BI.inherit(BI.Widget, {
constants: { constants: {
tabHeight: 30 tabHeight: 30,
buttonHeight: 24
}, },
props: { props: {
@ -92488,7 +92493,7 @@ BI.extend(BI.DynamicDateTimeCombo, {
_init: function () { _init: function () {
BI.DynamicDateTimePopup.superclass._init.apply(this, arguments); BI.DynamicDateTimePopup.superclass._init.apply(this, arguments);
var self = this, opts = this.options; var self = this, opts = this.options, c = this.constants;
this.storeValue = {type: BI.DynamicDateCombo.Static}; this.storeValue = {type: BI.DynamicDateCombo.Static};
BI.createWidget({ BI.createWidget({
element: this, element: this,
@ -92502,6 +92507,7 @@ BI.extend(BI.DynamicDateTimeCombo, {
type: "bi.text_button", type: "bi.text_button",
forceCenter: true, forceCenter: true,
cls: "bi-high-light bi-border-top", cls: "bi-high-light bi-border-top",
textHeight: c.buttonHeight - 1,
shadow: true, shadow: true,
text: BI.i18nText("BI-Basic_Clear"), text: BI.i18nText("BI-Basic_Clear"),
listeners: [{ listeners: [{
@ -92514,6 +92520,7 @@ BI.extend(BI.DynamicDateTimeCombo, {
type: "bi.text_button", type: "bi.text_button",
forceCenter: true, forceCenter: true,
cls: "bi-border-left bi-border-right bi-high-light bi-border-top", cls: "bi-border-left bi-border-right bi-high-light bi-border-top",
textHeight: c.buttonHeight - 1,
shadow: true, shadow: true,
text: BI.i18nText("BI-Multi_Date_Today"), text: BI.i18nText("BI-Multi_Date_Today"),
ref: function () { ref: function () {
@ -92529,6 +92536,7 @@ BI.extend(BI.DynamicDateTimeCombo, {
type: "bi.text_button", type: "bi.text_button",
forceCenter: true, forceCenter: true,
cls: "bi-high-light bi-border-top", cls: "bi-high-light bi-border-top",
textHeight: c.buttonHeight - 1,
shadow: true, shadow: true,
text: BI.i18nText("BI-Basic_OK"), text: BI.i18nText("BI-Basic_OK"),
listeners: [{ listeners: [{
@ -110266,7 +110274,8 @@ BI.extend(BI.DynamicYearCombo, {
*/ */
BI.DynamicYearPopup = BI.inherit(BI.Widget, { BI.DynamicYearPopup = BI.inherit(BI.Widget, {
constants: { constants: {
tabHeight: 30 tabHeight: 30,
buttonHeight: 24
}, },
props: { props: {
@ -110279,7 +110288,7 @@ BI.DynamicYearPopup = BI.inherit(BI.Widget, {
}, },
render: function () { render: function () {
var self = this, opts = this.options; var self = this, opts = this.options, c = this.constants;
this.storeValue = {type: BI.DynamicYearCombo.Static}; this.storeValue = {type: BI.DynamicYearCombo.Static};
return { return {
type: "bi.vtape", type: "bi.vtape",
@ -110292,6 +110301,7 @@ BI.DynamicYearPopup = BI.inherit(BI.Widget, {
type: "bi.text_button", type: "bi.text_button",
forceCenter: true, forceCenter: true,
cls: "bi-border-top bi-high-light", cls: "bi-border-top bi-high-light",
textHeight: c.buttonHeight - 1,
shadow: true, shadow: true,
text: BI.i18nText("BI-Basic_Clear"), text: BI.i18nText("BI-Basic_Clear"),
listeners: [{ listeners: [{
@ -110303,6 +110313,7 @@ BI.DynamicYearPopup = BI.inherit(BI.Widget, {
}, { }, {
type: "bi.text_button", type: "bi.text_button",
forceCenter: true, forceCenter: true,
textHeight: c.buttonHeight - 1,
cls: "bi-border-left bi-border-right bi-high-light bi-border-top", cls: "bi-border-left bi-border-right bi-high-light bi-border-top",
shadow: true, shadow: true,
text: BI.i18nText("BI-Basic_Current_Year"), text: BI.i18nText("BI-Basic_Current_Year"),
@ -110319,6 +110330,7 @@ BI.DynamicYearPopup = BI.inherit(BI.Widget, {
type: "bi.text_button", type: "bi.text_button",
forceCenter: true, forceCenter: true,
cls: "bi-border-top bi-high-light", cls: "bi-border-top bi-high-light",
textHeight: c.buttonHeight - 1,
shadow: true, shadow: true,
text: BI.i18nText("BI-Basic_OK"), text: BI.i18nText("BI-Basic_OK"),
listeners: [{ listeners: [{
@ -111018,7 +111030,8 @@ BI.extend(BI.DynamicYearMonthCombo, {
*/ */
BI.DynamicYearMonthPopup = BI.inherit(BI.Widget, { BI.DynamicYearMonthPopup = BI.inherit(BI.Widget, {
constants: { constants: {
tabHeight: 30 tabHeight: 30,
buttonHeight: 24
}, },
props: { props: {
@ -111031,7 +111044,7 @@ BI.DynamicYearMonthPopup = BI.inherit(BI.Widget, {
}, },
render: function () { render: function () {
var self = this, opts = this.options; var self = this, opts = this.options, c = this.constants;
this.storeValue = {type: BI.DynamicYearMonthCombo.Static}; this.storeValue = {type: BI.DynamicYearMonthCombo.Static};
return { return {
type: "bi.vtape", type: "bi.vtape",
@ -111044,6 +111057,7 @@ BI.DynamicYearMonthPopup = BI.inherit(BI.Widget, {
type: "bi.text_button", type: "bi.text_button",
forceCenter: true, forceCenter: true,
cls: "bi-border-top bi-high-light", cls: "bi-border-top bi-high-light",
textHeight: c.buttonHeight - 1,
shadow: true, shadow: true,
text: BI.i18nText("BI-Basic_Clear"), text: BI.i18nText("BI-Basic_Clear"),
listeners: [{ listeners: [{
@ -111056,6 +111070,7 @@ BI.DynamicYearMonthPopup = BI.inherit(BI.Widget, {
type: "bi.text_button", type: "bi.text_button",
forceCenter: true, forceCenter: true,
cls: "bi-border-left bi-border-right bi-high-light bi-border-top", cls: "bi-border-left bi-border-right bi-high-light bi-border-top",
textHeight: c.buttonHeight - 1,
shadow: true, shadow: true,
text: BI.i18nText("BI-Basic_Current_Month"), text: BI.i18nText("BI-Basic_Current_Month"),
ref: function () { ref: function () {
@ -111071,6 +111086,7 @@ BI.DynamicYearMonthPopup = BI.inherit(BI.Widget, {
type: "bi.text_button", type: "bi.text_button",
forceCenter: true, forceCenter: true,
cls: "bi-border-top bi-high-light", cls: "bi-border-top bi-high-light",
textHeight: c.buttonHeight - 1,
shadow: true, shadow: true,
text: BI.i18nText("BI-Basic_OK"), text: BI.i18nText("BI-Basic_OK"),
listeners: [{ listeners: [{
@ -112000,7 +112016,8 @@ BI.extend(BI.DynamicYearQuarterCombo, {
Dynamic: 2 Dynamic: 2
});BI.DynamicYearQuarterPopup = BI.inherit(BI.Widget, { });BI.DynamicYearQuarterPopup = BI.inherit(BI.Widget, {
constants: { constants: {
tabHeight: 30 tabHeight: 30,
buttonHeight: 24
}, },
props: { props: {
@ -112013,7 +112030,7 @@ BI.extend(BI.DynamicYearQuarterCombo, {
}, },
render: function () { render: function () {
var self = this, opts = this.options; var self = this, opts = this.options, c = this.constants;
this.storeValue = {type: BI.DynamicYearQuarterCombo.Static}; this.storeValue = {type: BI.DynamicYearQuarterCombo.Static};
return { return {
type: "bi.vtape", type: "bi.vtape",
@ -112027,6 +112044,7 @@ BI.extend(BI.DynamicYearQuarterCombo, {
forceCenter: true, forceCenter: true,
cls: "bi-border-top bi-high-light", cls: "bi-border-top bi-high-light",
shadow: true, shadow: true,
textHeight: c.buttonHeight - 1,
text: BI.i18nText("BI-Basic_Clear"), text: BI.i18nText("BI-Basic_Clear"),
listeners: [{ listeners: [{
eventName: BI.TextButton.EVENT_CHANGE, eventName: BI.TextButton.EVENT_CHANGE,
@ -112038,6 +112056,7 @@ BI.extend(BI.DynamicYearQuarterCombo, {
type: "bi.text_button", type: "bi.text_button",
forceCenter: true, forceCenter: true,
cls: "bi-border-left bi-border-right bi-high-light bi-border-top", cls: "bi-border-left bi-border-right bi-high-light bi-border-top",
textHeight: c.buttonHeight - 1,
shadow: true, shadow: true,
text: BI.i18nText("BI-Basic_Current_Quarter"), text: BI.i18nText("BI-Basic_Current_Quarter"),
ref: function () { ref: function () {
@ -112054,6 +112073,7 @@ BI.extend(BI.DynamicYearQuarterCombo, {
forceCenter: true, forceCenter: true,
cls: "bi-border-top bi-high-light", cls: "bi-border-top bi-high-light",
shadow: true, shadow: true,
textHeight: c.buttonHeight - 1,
text: BI.i18nText("BI-Basic_OK"), text: BI.i18nText("BI-Basic_OK"),
listeners: [{ listeners: [{
eventName: BI.TextButton.EVENT_CHANGE, eventName: BI.TextButton.EVENT_CHANGE,

2
dist/fineui.min.css vendored

File diff suppressed because one or more lines are too long

30
dist/fineui.min.js vendored

File diff suppressed because one or more lines are too long

12
dist/resource.css vendored

@ -51,8 +51,8 @@ textarea::-webkit-scrollbar-thumb:hover {
.bi-theme-dark div::-webkit-scrollbar, .bi-theme-dark div::-webkit-scrollbar,
.bi-theme-dark textarea::-webkit-scrollbar { .bi-theme-dark textarea::-webkit-scrollbar {
-webkit-appearance: none; -webkit-appearance: none;
background-color: rgba(240, 243, 247, 0.05); background-color: rgba(208, 212, 218, 0.05);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0df0f3f7,endColorstr=#0df0f3f7); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0dd0d4da,endColorstr=#0dd0d4da);
width: 6px; width: 6px;
height: 6px; height: 6px;
} }
@ -61,13 +61,13 @@ textarea::-webkit-scrollbar-thumb:hover {
-webkit-border-radius: 0; -webkit-border-radius: 0;
-moz-border-radius: 0; -moz-border-radius: 0;
border-radius: 0; border-radius: 0;
background-color: rgba(240, 243, 247, 0.3); background-color: rgba(208, 212, 218, 0.3);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4df0f3f7,endColorstr=#4df0f3f7); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4dd0d4da,endColorstr=#4dd0d4da);
} }
.bi-theme-dark div::-webkit-scrollbar-thumb:hover, .bi-theme-dark div::-webkit-scrollbar-thumb:hover,
.bi-theme-dark textarea::-webkit-scrollbar-thumb:hover { .bi-theme-dark textarea::-webkit-scrollbar-thumb:hover {
background-color: rgba(240, 243, 247, 0.7); background-color: rgba(208, 212, 218, 0.7);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b3f0f3f7,endColorstr=#b3f0f3f7); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b3d0d4da,endColorstr=#b3d0d4da);
} }
.farbtastic .wheel { .farbtastic .wheel {
background: url('images/1x/background/wheel.png') no-repeat center center; background: url('images/1x/background/wheel.png') no-repeat center center;

11
dist/widget.css vendored

@ -403,6 +403,17 @@
top: 4px; top: 4px;
left: -10px; left: -10px;
} }
.bi-single-slider-button .slider-button.disabled {
border-color: #d0d4da;
}
.bi-single-slider-button .slider-button.disabled:hover,
.bi-single-slider-button .slider-button.disabled.hover {
background-color: #f7f8fa;
width: 16px;
height: 16px;
top: 6px;
left: -8px;
}
.bi-slider-track .gray-track { .bi-slider-track .gray-track {
background-color: #F2F4F7; background-color: #F2F4F7;
-webkit-border-radius: 3px; -webkit-border-radius: 3px;

40
dist/widget.js vendored

@ -3653,7 +3653,8 @@ BI.DynamicDateParamItem.EVENT_CHANGE = "EVENT_CHANGE";
BI.shortcut("bi.dynamic_date_param_item", BI.DynamicDateParamItem); BI.shortcut("bi.dynamic_date_param_item", BI.DynamicDateParamItem);
BI.DynamicDatePopup = BI.inherit(BI.Widget, { BI.DynamicDatePopup = BI.inherit(BI.Widget, {
constants: { constants: {
tabHeight: 30 tabHeight: 30,
buttonHeight: 24
}, },
props: { props: {
@ -3664,7 +3665,7 @@ BI.DynamicDatePopup = BI.inherit(BI.Widget, {
_init: function () { _init: function () {
BI.DynamicDatePopup.superclass._init.apply(this, arguments); BI.DynamicDatePopup.superclass._init.apply(this, arguments);
var self = this, opts = this.options; var self = this, opts = this.options, c = this.constants;
this.storeValue = {type: BI.DynamicDateCombo.Static}; this.storeValue = {type: BI.DynamicDateCombo.Static};
BI.createWidget({ BI.createWidget({
element: this, element: this,
@ -3680,6 +3681,7 @@ BI.DynamicDatePopup = BI.inherit(BI.Widget, {
cls: "bi-high-light bi-border-top", cls: "bi-high-light bi-border-top",
shadow: true, shadow: true,
text: BI.i18nText("BI-Basic_Clear"), text: BI.i18nText("BI-Basic_Clear"),
textHeight: c.buttonHeight - 1,
listeners: [{ listeners: [{
eventName: BI.TextButton.EVENT_CHANGE, eventName: BI.TextButton.EVENT_CHANGE,
action: function () { action: function () {
@ -3691,6 +3693,7 @@ BI.DynamicDatePopup = BI.inherit(BI.Widget, {
forceCenter: true, forceCenter: true,
cls: "bi-border-left bi-border-right bi-high-light bi-border-top", cls: "bi-border-left bi-border-right bi-high-light bi-border-top",
shadow: true, shadow: true,
textHeight: c.buttonHeight - 1,
text: BI.i18nText("BI-Multi_Date_Today"), text: BI.i18nText("BI-Multi_Date_Today"),
ref: function () { ref: function () {
self.textButton = this; self.textButton = this;
@ -3705,6 +3708,7 @@ BI.DynamicDatePopup = BI.inherit(BI.Widget, {
type: "bi.text_button", type: "bi.text_button",
forceCenter: true, forceCenter: true,
cls: "bi-high-light bi-border-top", cls: "bi-high-light bi-border-top",
textHeight: c.buttonHeight - 1,
shadow: true, shadow: true,
text: BI.i18nText("BI-Basic_OK"), text: BI.i18nText("BI-Basic_OK"),
listeners: [{ listeners: [{
@ -4419,7 +4423,8 @@ BI.extend(BI.DynamicDateTimeCombo, {
Dynamic: 2 Dynamic: 2
});BI.DynamicDateTimePopup = BI.inherit(BI.Widget, { });BI.DynamicDateTimePopup = BI.inherit(BI.Widget, {
constants: { constants: {
tabHeight: 30 tabHeight: 30,
buttonHeight: 24
}, },
props: { props: {
@ -4430,7 +4435,7 @@ BI.extend(BI.DynamicDateTimeCombo, {
_init: function () { _init: function () {
BI.DynamicDateTimePopup.superclass._init.apply(this, arguments); BI.DynamicDateTimePopup.superclass._init.apply(this, arguments);
var self = this, opts = this.options; var self = this, opts = this.options, c = this.constants;
this.storeValue = {type: BI.DynamicDateCombo.Static}; this.storeValue = {type: BI.DynamicDateCombo.Static};
BI.createWidget({ BI.createWidget({
element: this, element: this,
@ -4444,6 +4449,7 @@ BI.extend(BI.DynamicDateTimeCombo, {
type: "bi.text_button", type: "bi.text_button",
forceCenter: true, forceCenter: true,
cls: "bi-high-light bi-border-top", cls: "bi-high-light bi-border-top",
textHeight: c.buttonHeight - 1,
shadow: true, shadow: true,
text: BI.i18nText("BI-Basic_Clear"), text: BI.i18nText("BI-Basic_Clear"),
listeners: [{ listeners: [{
@ -4456,6 +4462,7 @@ BI.extend(BI.DynamicDateTimeCombo, {
type: "bi.text_button", type: "bi.text_button",
forceCenter: true, forceCenter: true,
cls: "bi-border-left bi-border-right bi-high-light bi-border-top", cls: "bi-border-left bi-border-right bi-high-light bi-border-top",
textHeight: c.buttonHeight - 1,
shadow: true, shadow: true,
text: BI.i18nText("BI-Multi_Date_Today"), text: BI.i18nText("BI-Multi_Date_Today"),
ref: function () { ref: function () {
@ -4471,6 +4478,7 @@ BI.extend(BI.DynamicDateTimeCombo, {
type: "bi.text_button", type: "bi.text_button",
forceCenter: true, forceCenter: true,
cls: "bi-high-light bi-border-top", cls: "bi-high-light bi-border-top",
textHeight: c.buttonHeight - 1,
shadow: true, shadow: true,
text: BI.i18nText("BI-Basic_OK"), text: BI.i18nText("BI-Basic_OK"),
listeners: [{ listeners: [{
@ -22208,7 +22216,8 @@ BI.extend(BI.DynamicYearCombo, {
*/ */
BI.DynamicYearPopup = BI.inherit(BI.Widget, { BI.DynamicYearPopup = BI.inherit(BI.Widget, {
constants: { constants: {
tabHeight: 30 tabHeight: 30,
buttonHeight: 24
}, },
props: { props: {
@ -22221,7 +22230,7 @@ BI.DynamicYearPopup = BI.inherit(BI.Widget, {
}, },
render: function () { render: function () {
var self = this, opts = this.options; var self = this, opts = this.options, c = this.constants;
this.storeValue = {type: BI.DynamicYearCombo.Static}; this.storeValue = {type: BI.DynamicYearCombo.Static};
return { return {
type: "bi.vtape", type: "bi.vtape",
@ -22234,6 +22243,7 @@ BI.DynamicYearPopup = BI.inherit(BI.Widget, {
type: "bi.text_button", type: "bi.text_button",
forceCenter: true, forceCenter: true,
cls: "bi-border-top bi-high-light", cls: "bi-border-top bi-high-light",
textHeight: c.buttonHeight - 1,
shadow: true, shadow: true,
text: BI.i18nText("BI-Basic_Clear"), text: BI.i18nText("BI-Basic_Clear"),
listeners: [{ listeners: [{
@ -22245,6 +22255,7 @@ BI.DynamicYearPopup = BI.inherit(BI.Widget, {
}, { }, {
type: "bi.text_button", type: "bi.text_button",
forceCenter: true, forceCenter: true,
textHeight: c.buttonHeight - 1,
cls: "bi-border-left bi-border-right bi-high-light bi-border-top", cls: "bi-border-left bi-border-right bi-high-light bi-border-top",
shadow: true, shadow: true,
text: BI.i18nText("BI-Basic_Current_Year"), text: BI.i18nText("BI-Basic_Current_Year"),
@ -22261,6 +22272,7 @@ BI.DynamicYearPopup = BI.inherit(BI.Widget, {
type: "bi.text_button", type: "bi.text_button",
forceCenter: true, forceCenter: true,
cls: "bi-border-top bi-high-light", cls: "bi-border-top bi-high-light",
textHeight: c.buttonHeight - 1,
shadow: true, shadow: true,
text: BI.i18nText("BI-Basic_OK"), text: BI.i18nText("BI-Basic_OK"),
listeners: [{ listeners: [{
@ -22960,7 +22972,8 @@ BI.extend(BI.DynamicYearMonthCombo, {
*/ */
BI.DynamicYearMonthPopup = BI.inherit(BI.Widget, { BI.DynamicYearMonthPopup = BI.inherit(BI.Widget, {
constants: { constants: {
tabHeight: 30 tabHeight: 30,
buttonHeight: 24
}, },
props: { props: {
@ -22973,7 +22986,7 @@ BI.DynamicYearMonthPopup = BI.inherit(BI.Widget, {
}, },
render: function () { render: function () {
var self = this, opts = this.options; var self = this, opts = this.options, c = this.constants;
this.storeValue = {type: BI.DynamicYearMonthCombo.Static}; this.storeValue = {type: BI.DynamicYearMonthCombo.Static};
return { return {
type: "bi.vtape", type: "bi.vtape",
@ -22986,6 +22999,7 @@ BI.DynamicYearMonthPopup = BI.inherit(BI.Widget, {
type: "bi.text_button", type: "bi.text_button",
forceCenter: true, forceCenter: true,
cls: "bi-border-top bi-high-light", cls: "bi-border-top bi-high-light",
textHeight: c.buttonHeight - 1,
shadow: true, shadow: true,
text: BI.i18nText("BI-Basic_Clear"), text: BI.i18nText("BI-Basic_Clear"),
listeners: [{ listeners: [{
@ -22998,6 +23012,7 @@ BI.DynamicYearMonthPopup = BI.inherit(BI.Widget, {
type: "bi.text_button", type: "bi.text_button",
forceCenter: true, forceCenter: true,
cls: "bi-border-left bi-border-right bi-high-light bi-border-top", cls: "bi-border-left bi-border-right bi-high-light bi-border-top",
textHeight: c.buttonHeight - 1,
shadow: true, shadow: true,
text: BI.i18nText("BI-Basic_Current_Month"), text: BI.i18nText("BI-Basic_Current_Month"),
ref: function () { ref: function () {
@ -23013,6 +23028,7 @@ BI.DynamicYearMonthPopup = BI.inherit(BI.Widget, {
type: "bi.text_button", type: "bi.text_button",
forceCenter: true, forceCenter: true,
cls: "bi-border-top bi-high-light", cls: "bi-border-top bi-high-light",
textHeight: c.buttonHeight - 1,
shadow: true, shadow: true,
text: BI.i18nText("BI-Basic_OK"), text: BI.i18nText("BI-Basic_OK"),
listeners: [{ listeners: [{
@ -23942,7 +23958,8 @@ BI.extend(BI.DynamicYearQuarterCombo, {
Dynamic: 2 Dynamic: 2
});BI.DynamicYearQuarterPopup = BI.inherit(BI.Widget, { });BI.DynamicYearQuarterPopup = BI.inherit(BI.Widget, {
constants: { constants: {
tabHeight: 30 tabHeight: 30,
buttonHeight: 24
}, },
props: { props: {
@ -23955,7 +23972,7 @@ BI.extend(BI.DynamicYearQuarterCombo, {
}, },
render: function () { render: function () {
var self = this, opts = this.options; var self = this, opts = this.options, c = this.constants;
this.storeValue = {type: BI.DynamicYearQuarterCombo.Static}; this.storeValue = {type: BI.DynamicYearQuarterCombo.Static};
return { return {
type: "bi.vtape", type: "bi.vtape",
@ -23969,6 +23986,7 @@ BI.extend(BI.DynamicYearQuarterCombo, {
forceCenter: true, forceCenter: true,
cls: "bi-border-top bi-high-light", cls: "bi-border-top bi-high-light",
shadow: true, shadow: true,
textHeight: c.buttonHeight - 1,
text: BI.i18nText("BI-Basic_Clear"), text: BI.i18nText("BI-Basic_Clear"),
listeners: [{ listeners: [{
eventName: BI.TextButton.EVENT_CHANGE, eventName: BI.TextButton.EVENT_CHANGE,
@ -23980,6 +23998,7 @@ BI.extend(BI.DynamicYearQuarterCombo, {
type: "bi.text_button", type: "bi.text_button",
forceCenter: true, forceCenter: true,
cls: "bi-border-left bi-border-right bi-high-light bi-border-top", cls: "bi-border-left bi-border-right bi-high-light bi-border-top",
textHeight: c.buttonHeight - 1,
shadow: true, shadow: true,
text: BI.i18nText("BI-Basic_Current_Quarter"), text: BI.i18nText("BI-Basic_Current_Quarter"),
ref: function () { ref: function () {
@ -23996,6 +24015,7 @@ BI.extend(BI.DynamicYearQuarterCombo, {
forceCenter: true, forceCenter: true,
cls: "bi-border-top bi-high-light", cls: "bi-border-top bi-high-light",
shadow: true, shadow: true,
textHeight: c.buttonHeight - 1,
text: BI.i18nText("BI-Basic_OK"), text: BI.i18nText("BI-Basic_OK"),
listeners: [{ listeners: [{
eventName: BI.TextButton.EVENT_CHANGE, eventName: BI.TextButton.EVENT_CHANGE,

12
public/css/app.css

@ -51,8 +51,8 @@ textarea::-webkit-scrollbar-thumb:hover {
.bi-theme-dark div::-webkit-scrollbar, .bi-theme-dark div::-webkit-scrollbar,
.bi-theme-dark textarea::-webkit-scrollbar { .bi-theme-dark textarea::-webkit-scrollbar {
-webkit-appearance: none; -webkit-appearance: none;
background-color: rgba(240, 243, 247, 0.05); background-color: rgba(208, 212, 218, 0.05);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0df0f3f7,endColorstr=#0df0f3f7); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0dd0d4da,endColorstr=#0dd0d4da);
width: 6px; width: 6px;
height: 6px; height: 6px;
} }
@ -61,11 +61,11 @@ textarea::-webkit-scrollbar-thumb:hover {
-webkit-border-radius: 0; -webkit-border-radius: 0;
-moz-border-radius: 0; -moz-border-radius: 0;
border-radius: 0; border-radius: 0;
background-color: rgba(240, 243, 247, 0.3); background-color: rgba(208, 212, 218, 0.3);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4df0f3f7,endColorstr=#4df0f3f7); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4dd0d4da,endColorstr=#4dd0d4da);
} }
.bi-theme-dark div::-webkit-scrollbar-thumb:hover, .bi-theme-dark div::-webkit-scrollbar-thumb:hover,
.bi-theme-dark textarea::-webkit-scrollbar-thumb:hover { .bi-theme-dark textarea::-webkit-scrollbar-thumb:hover {
background-color: rgba(240, 243, 247, 0.7); background-color: rgba(208, 212, 218, 0.7);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b3f0f3f7,endColorstr=#b3f0f3f7); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b3d0d4da,endColorstr=#b3d0d4da);
} }

2
src/case/segment/button.segment.js

@ -26,7 +26,7 @@ BI.SegmentButton = BI.inherit(BI.BasicButton, {
this.text = BI.createWidget({ this.text = BI.createWidget({
type: "bi.label", type: "bi.label",
element: this, element: this,
height: opts.height - 2, textHeight: opts.height,
whiteSpace: opts.whiteSpace, whiteSpace: opts.whiteSpace,
text: opts.text, text: opts.text,
value: opts.value, value: opts.value,

2
src/css/base/segment/segment.css

@ -20,7 +20,7 @@
} }
.bi-segment.disabled > .center-element, .bi-segment.disabled > .center-element,
.bi-segment.disabled > .first-element { .bi-segment.disabled > .first-element {
border-color: #F0F3F7; border-color: #d0d4da;
} }
.bi-theme-dark .bi-segment > .center-element { .bi-theme-dark .bi-segment > .center-element {
overflow: hidden; overflow: hidden;

4
src/css/base/single/button/button.css

@ -163,8 +163,8 @@ body .bi-button.button-error.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: #F0F3F7 !important; background: #d0d4da !important;
border-color: #F0F3F7 !important; border-color: #d0d4da !important;
} }
body .bi-button.button-common.disabled, body .bi-button.button-common.disabled,
#body .bi-button.button-common.disabled, #body .bi-button.button-common.disabled,

16
src/css/base/table/table.css

@ -63,8 +63,8 @@
border-radius: 5px; border-radius: 5px;
} }
.bi-theme-dark .scrollbar-layout-main { .bi-theme-dark .scrollbar-layout-main {
background-color: rgba(240, 243, 247, 0.05); background-color: rgba(208, 212, 218, 0.05);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0df0f3f7,endColorstr=#0df0f3f7); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0dd0d4da,endColorstr=#0dd0d4da);
} }
.scrollbar-layout-main-vertical { .scrollbar-layout-main-vertical {
bottom: 0; bottom: 0;
@ -86,8 +86,8 @@
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0d878d9f,endColorstr=#0d878d9f); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0d878d9f,endColorstr=#0d878d9f);
} }
.bi-theme-dark .scrollbar-layout-main-horizontal { .bi-theme-dark .scrollbar-layout-main-horizontal {
background-color: rgba(240, 243, 247, 0.05); background-color: rgba(208, 212, 218, 0.05);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0df0f3f7,endColorstr=#0df0f3f7); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0dd0d4da,endColorstr=#0dd0d4da);
} }
/* Touching the scroll-track directly makes the scroll-track bolder */ /* Touching the scroll-track directly makes the scroll-track bolder */
.scrollbar-layout-main-horizontal.public-scrollbar-main-active, .scrollbar-layout-main-horizontal.public-scrollbar-main-active,
@ -144,8 +144,8 @@
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4d878d9f,endColorstr=#4d878d9f); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4d878d9f,endColorstr=#4d878d9f);
} }
.bi-theme-dark .public-scrollbar-face:after { .bi-theme-dark .public-scrollbar-face:after {
background-color: rgba(240, 243, 247, 0.3); background-color: rgba(208, 212, 218, 0.3);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4df0f3f7,endColorstr=#4df0f3f7); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4dd0d4da,endColorstr=#4dd0d4da);
} }
.public-scrollbar-main:hover .public-scrollbar-face:after, .public-scrollbar-main:hover .public-scrollbar-face:after,
.public-scrollbar-main-active .public-scrollbar-face:after, .public-scrollbar-main-active .public-scrollbar-face:after,
@ -156,8 +156,8 @@
.bi-theme-dark .public-scrollbar-main:hover .public-scrollbar-face:after, .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-main-active .public-scrollbar-face:after,
.bi-theme-dark .public-scrollbar-face-active:after { .bi-theme-dark .public-scrollbar-face-active:after {
background-color: rgba(240, 243, 247, 0.7); background-color: rgba(208, 212, 218, 0.7);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b3f0f3f7,endColorstr=#b3f0f3f7); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b3d0d4da,endColorstr=#b3d0d4da);
} }
.horizontal-scrollbar { .horizontal-scrollbar {
bottom: 0; bottom: 0;

55
src/css/core/utils/common.css

@ -287,6 +287,9 @@ textarea {
.bi-list-item.disabled:active .bi-high-light { .bi-list-item.disabled:active .bi-high-light {
color: #9ea6b2 !important; color: #9ea6b2 !important;
} }
.bi-list-item.disabled .b-font:before {
color: #d0d4da !important;
}
.bi-theme-dark .bi-list-item:hover, .bi-theme-dark .bi-list-item:hover,
.bi-theme-dark .bi-list-item.hover { .bi-theme-dark .bi-list-item.hover {
color: #ffffff; color: #ffffff;
@ -322,6 +325,9 @@ textarea {
.bi-theme-dark .bi-list-item.disabled:active .bi-high-light { .bi-theme-dark .bi-list-item.disabled:active .bi-high-light {
color: #878d9f !important; color: #878d9f !important;
} }
.bi-theme-dark .bi-list-item.disabled .b-font:before {
color: #606479 !important;
}
.bi-list-item-border:active, .bi-list-item-border:active,
.bi-list-item-border.active { .bi-list-item-border.active {
border: 1px solid #3685f2; border: 1px solid #3685f2;
@ -358,6 +364,9 @@ textarea {
.bi-list-item-simple.disabled:active .bi-high-light { .bi-list-item-simple.disabled:active .bi-high-light {
color: #9ea6b2 !important; color: #9ea6b2 !important;
} }
.bi-list-item-simple.disabled .b-font:before {
color: #d0d4da !important;
}
.bi-list-item-effect:hover { .bi-list-item-effect:hover {
color: #232e40; color: #232e40;
} }
@ -399,6 +408,9 @@ textarea {
.bi-list-item-effect.disabled:active .bi-high-light { .bi-list-item-effect.disabled:active .bi-high-light {
color: #9ea6b2 !important; color: #9ea6b2 !important;
} }
.bi-list-item-effect.disabled .b-font:before {
color: #d0d4da !important;
}
.bi-theme-dark .bi-list-item-effect:hover { .bi-theme-dark .bi-list-item-effect:hover {
color: #ffffff; color: #ffffff;
} }
@ -441,6 +453,9 @@ textarea {
.bi-theme-dark .bi-list-item-effect.disabled:active .bi-high-light { .bi-theme-dark .bi-list-item-effect.disabled:active .bi-high-light {
color: #878d9f !important; color: #878d9f !important;
} }
.bi-theme-dark .bi-list-item-effect.disabled .b-font:before {
color: #606479 !important;
}
.bi-list-item-active:hover, .bi-list-item-active:hover,
.bi-list-item-active.hover { .bi-list-item-active.hover {
color: #232e40; color: #232e40;
@ -496,6 +511,9 @@ textarea {
.bi-list-item-active.disabled:active .bi-high-light { .bi-list-item-active.disabled:active .bi-high-light {
color: #9ea6b2 !important; color: #9ea6b2 !important;
} }
.bi-list-item-active.disabled .b-font:before {
color: #d0d4da !important;
}
.bi-theme-dark .bi-list-item-active:hover, .bi-theme-dark .bi-list-item-active:hover,
.bi-theme-dark .bi-list-item-active.hover { .bi-theme-dark .bi-list-item-active.hover {
color: #ffffff; color: #ffffff;
@ -545,6 +563,9 @@ textarea {
.bi-theme-dark .bi-list-item-active.disabled:active .bi-high-light { .bi-theme-dark .bi-list-item-active.disabled:active .bi-high-light {
color: #878d9f !important; color: #878d9f !important;
} }
.bi-theme-dark .bi-list-item-active.disabled .b-font:before {
color: #606479 !important;
}
.bi-list-item-active2:hover, .bi-list-item-active2:hover,
.bi-list-item-active2.hover { .bi-list-item-active2.hover {
color: #232e40; color: #232e40;
@ -607,6 +628,9 @@ textarea {
.bi-list-item-active2.disabled:active .bi-high-light { .bi-list-item-active2.disabled:active .bi-high-light {
color: #9ea6b2 !important; color: #9ea6b2 !important;
} }
.bi-list-item-active2.disabled .b-font:before {
color: #d0d4da !important;
}
.bi-theme-dark .bi-list-item-active2:hover, .bi-theme-dark .bi-list-item-active2:hover,
.bi-theme-dark .bi-list-item-active2.hover { .bi-theme-dark .bi-list-item-active2.hover {
color: #ffffff; color: #ffffff;
@ -654,6 +678,9 @@ textarea {
.bi-theme-dark .bi-list-item-active2.disabled:active .bi-high-light { .bi-theme-dark .bi-list-item-active2.disabled:active .bi-high-light {
color: #878d9f !important; color: #878d9f !important;
} }
.bi-theme-dark .bi-list-item-active2.disabled .b-font:before {
color: #606479 !important;
}
.bi-list-item-active3:hover, .bi-list-item-active3:hover,
.bi-list-item-active3.hover { .bi-list-item-active3.hover {
color: #232e40; color: #232e40;
@ -703,6 +730,9 @@ textarea {
.bi-list-item-active3.disabled:active .bi-high-light { .bi-list-item-active3.disabled:active .bi-high-light {
color: #9ea6b2 !important; color: #9ea6b2 !important;
} }
.bi-list-item-active3.disabled .b-font:before {
color: #d0d4da !important;
}
.bi-theme-dark .bi-list-item-active3:hover, .bi-theme-dark .bi-list-item-active3:hover,
.bi-theme-dark .bi-list-item-active3.hover { .bi-theme-dark .bi-list-item-active3.hover {
color: #ffffff; color: #ffffff;
@ -752,6 +782,9 @@ textarea {
.bi-theme-dark .bi-list-item-active3.disabled:active .bi-high-light { .bi-theme-dark .bi-list-item-active3.disabled:active .bi-high-light {
color: #878d9f !important; color: #878d9f !important;
} }
.bi-theme-dark .bi-list-item-active3.disabled .b-font:before {
color: #606479 !important;
}
.bi-list-item-select:hover, .bi-list-item-select:hover,
.bi-list-item-select.hover { .bi-list-item-select.hover {
background-color: rgba(54, 133, 242, 0.06); background-color: rgba(54, 133, 242, 0.06);
@ -866,7 +899,7 @@ textarea {
color: #9ea6b2 !important; color: #9ea6b2 !important;
} }
.bi-list-item-select.disabled.bi-high-light-border { .bi-list-item-select.disabled.bi-high-light-border {
border-color: #F0F3F7; border-color: #d0d4da;
} }
.bi-list-item-select.disabled.hover, .bi-list-item-select.disabled.hover,
.bi-list-item-select.disabled.active { .bi-list-item-select.disabled.active {
@ -887,7 +920,10 @@ textarea {
} }
.bi-list-item-select.disabled.hover.bi-high-light-border, .bi-list-item-select.disabled.hover.bi-high-light-border,
.bi-list-item-select.disabled.active.bi-high-light-border { .bi-list-item-select.disabled.active.bi-high-light-border {
border-color: #F0F3F7; border-color: #d0d4da;
}
.bi-list-item-select.disabled .b-font:before {
color: #d0d4da !important;
} }
.bi-list-item-select2:hover, .bi-list-item-select2:hover,
.bi-list-item-select2.hover { .bi-list-item-select2.hover {
@ -910,6 +946,12 @@ textarea {
.bi-list-item-select2.active .bi-high-light { .bi-list-item-select2.active .bi-high-light {
color: #ffffff; color: #ffffff;
} }
.bi-list-item-select2.disabled:hover,
.bi-list-item-select2.disabled.hover,
.bi-list-item-select2.disabled:active,
.bi-list-item-select2.disabled.active {
background-color: #ffffff !important;
}
.bi-theme-dark .bi-list-item-select:hover, .bi-theme-dark .bi-list-item-select:hover,
.bi-theme-dark .bi-list-item-select.hover { .bi-theme-dark .bi-list-item-select.hover {
color: #ffffff; color: #ffffff;
@ -962,6 +1004,9 @@ textarea {
.bi-theme-dark .bi-list-item-select.disabled:active .bi-high-light { .bi-theme-dark .bi-list-item-select.disabled:active .bi-high-light {
color: #878d9f !important; color: #878d9f !important;
} }
.bi-theme-dark .bi-list-item-select.disabled .b-font:before {
color: #606479 !important;
}
.bi-list-item-none:hover, .bi-list-item-none:hover,
.bi-list-item-none.hover { .bi-list-item-none.hover {
color: inherit; color: inherit;
@ -1013,6 +1058,9 @@ textarea {
.bi-list-item-none.disabled:active .bi-high-light { .bi-list-item-none.disabled:active .bi-high-light {
color: #9ea6b2 !important; color: #9ea6b2 !important;
} }
.bi-list-item-none.disabled .b-font:before {
color: #d0d4da !important;
}
.bi-theme-dark .bi-list-item-none:hover, .bi-theme-dark .bi-list-item-none:hover,
.bi-theme-dark .bi-list-item-none.hover { .bi-theme-dark .bi-list-item-none.hover {
color: inherit; color: inherit;
@ -1064,3 +1112,6 @@ textarea {
.bi-theme-dark .bi-list-item-none.disabled:active .bi-high-light { .bi-theme-dark .bi-list-item-none.disabled:active .bi-high-light {
color: #878d9f !important; color: #878d9f !important;
} }
.bi-theme-dark .bi-list-item-none.disabled .b-font:before {
color: #606479 !important;
}

12
src/css/resource/app.css

@ -51,8 +51,8 @@ textarea::-webkit-scrollbar-thumb:hover {
.bi-theme-dark div::-webkit-scrollbar, .bi-theme-dark div::-webkit-scrollbar,
.bi-theme-dark textarea::-webkit-scrollbar { .bi-theme-dark textarea::-webkit-scrollbar {
-webkit-appearance: none; -webkit-appearance: none;
background-color: rgba(240, 243, 247, 0.05); background-color: rgba(208, 212, 218, 0.05);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0df0f3f7,endColorstr=#0df0f3f7); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0dd0d4da,endColorstr=#0dd0d4da);
width: 6px; width: 6px;
height: 6px; height: 6px;
} }
@ -61,11 +61,11 @@ textarea::-webkit-scrollbar-thumb:hover {
-webkit-border-radius: 0; -webkit-border-radius: 0;
-moz-border-radius: 0; -moz-border-radius: 0;
border-radius: 0; border-radius: 0;
background-color: rgba(240, 243, 247, 0.3); background-color: rgba(208, 212, 218, 0.3);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4df0f3f7,endColorstr=#4df0f3f7); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4dd0d4da,endColorstr=#4dd0d4da);
} }
.bi-theme-dark div::-webkit-scrollbar-thumb:hover, .bi-theme-dark div::-webkit-scrollbar-thumb:hover,
.bi-theme-dark textarea::-webkit-scrollbar-thumb:hover { .bi-theme-dark textarea::-webkit-scrollbar-thumb:hover {
background-color: rgba(240, 243, 247, 0.7); background-color: rgba(208, 212, 218, 0.7);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b3f0f3f7,endColorstr=#b3f0f3f7); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b3d0d4da,endColorstr=#b3d0d4da);
} }

11
src/css/widget/singleslider/slider/widget.css

@ -21,3 +21,14 @@
top: 4px; top: 4px;
left: -10px; left: -10px;
} }
.bi-single-slider-button .slider-button.disabled {
border-color: #d0d4da;
}
.bi-single-slider-button .slider-button.disabled:hover,
.bi-single-slider-button .slider-button.disabled.hover {
background-color: #f7f8fa;
width: 16px;
height: 16px;
top: 6px;
left: -8px;
}

50
src/less/core/utils/common.less

@ -344,6 +344,9 @@ textarea {
color: @color-bi-text-disabled !important; color: @color-bi-text-disabled !important;
} }
} }
& .b-font:before {
color: @color-bi-icon-disabled !important;
}
} }
} }
@ -373,6 +376,9 @@ textarea {
color: @color-bi-text-disabled-theme-dark !important; color: @color-bi-text-disabled-theme-dark !important;
} }
} }
& .b-font:before {
color: @color-bi-icon-disabled-theme-dark !important;
}
} }
} }
} }
@ -407,6 +413,9 @@ textarea {
color: @color-bi-text-disabled !important; color: @color-bi-text-disabled !important;
} }
} }
& .b-font:before {
color: @color-bi-icon-disabled !important;
}
} }
} }
@ -443,6 +452,9 @@ textarea {
color: @color-bi-text-disabled !important; color: @color-bi-text-disabled !important;
} }
} }
& .b-font:before {
color: @color-bi-icon-disabled !important;
}
} }
} }
@ -480,6 +492,9 @@ textarea {
color: @color-bi-text-disabled-theme-dark !important; color: @color-bi-text-disabled-theme-dark !important;
} }
} }
& .b-font:before {
color: @color-bi-icon-disabled-theme-dark !important;
}
} }
} }
} }
@ -529,6 +544,9 @@ textarea {
color: @color-bi-text-disabled !important; color: @color-bi-text-disabled !important;
} }
} }
& .b-font:before {
color: @color-bi-icon-disabled !important;
}
} }
} }
@ -568,6 +586,9 @@ textarea {
color: @color-bi-text-disabled-theme-dark !important; color: @color-bi-text-disabled-theme-dark !important;
} }
} }
& .b-font:before {
color: @color-bi-icon-disabled-theme-dark !important;
}
} }
} }
} }
@ -625,6 +646,9 @@ textarea {
color: @color-bi-text-disabled !important; color: @color-bi-text-disabled !important;
} }
} }
& .b-font:before {
color: @color-bi-icon-disabled !important;
}
} }
} }
@ -664,6 +688,9 @@ textarea {
color: @color-bi-text-disabled-theme-dark !important; color: @color-bi-text-disabled-theme-dark !important;
} }
} }
& .b-font:before {
color: @color-bi-icon-disabled-theme-dark !important;
}
} }
} }
} }
@ -704,6 +731,9 @@ textarea {
color: @color-bi-text-disabled !important; color: @color-bi-text-disabled !important;
} }
} }
& .b-font:before {
color: @color-bi-icon-disabled !important;
}
} }
} }
@ -743,6 +773,9 @@ textarea {
color: @color-bi-text-disabled-theme-dark !important; color: @color-bi-text-disabled-theme-dark !important;
} }
} }
& .b-font:before {
color: @color-bi-icon-disabled-theme-dark !important;
}
} }
} }
} }
@ -863,6 +896,9 @@ textarea {
border-color: @color-bi-border-disabled; border-color: @color-bi-border-disabled;
} }
} }
& .b-font:before {
color: @color-bi-icon-disabled !important;
}
} }
} }
@ -884,6 +920,11 @@ textarea {
color: @color-bi-text; color: @color-bi-text;
} }
} }
&.disabled {
&:hover, &.hover, &:active, &.active {
background-color: @color-bi-background-default !important;
}
}
} }
.bi-theme-dark { .bi-theme-dark {
@ -925,6 +966,9 @@ textarea {
color: @color-bi-text-disabled-theme-dark !important; color: @color-bi-text-disabled-theme-dark !important;
} }
} }
& .b-font:before {
color: @color-bi-icon-disabled-theme-dark !important;
}
} }
} }
} }
@ -968,6 +1012,9 @@ textarea {
color: @color-bi-text-disabled !important; color: @color-bi-text-disabled !important;
} }
} }
& .b-font:before {
color: @color-bi-icon-disabled !important;
}
} }
} }
@ -1010,6 +1057,9 @@ textarea {
color: @color-bi-text-disabled-theme-dark !important; color: @color-bi-text-disabled-theme-dark !important;
} }
} }
& .b-font:before {
color: @color-bi-icon-disabled-theme-dark !important;
}
} }
} }
} }

4
src/less/lib/colors.less

@ -18,6 +18,10 @@
@color-bi-text-disabled: @font-color-disabled; @color-bi-text-disabled: @font-color-disabled;
//深色主题灰化字体颜色 //深色主题灰化字体颜色
@color-bi-text-disabled-theme-dark: @font-color-disabled-theme-dark; @color-bi-text-disabled-theme-dark: @font-color-disabled-theme-dark;
//灰化图标色
@color-bi-icon-disabled: @font-color-light-disabled;
//深色主题灰化图标颜色
@color-bi-icon-disabled-theme-dark: @font-color-light-disabled-theme-dark;
//提示字体颜色 //提示字体颜色
@color-bi-text-tips: @font-color-tips; @color-bi-text-tips: @font-color-tips;
//成功字体颜色 //成功字体颜色

6
src/less/lib/constant.less

@ -59,7 +59,7 @@
@background-color-dark: #d4dadd; @background-color-dark: #d4dadd;
@background-color-light-gray: #F2F4F7; @background-color-light-gray: #F2F4F7;
@background-color-dark-gray: #d0d4da; @background-color-dark-gray: #d0d4da;
@background-color-disabled: #F0F3F7; @background-color-disabled: #d0d4da;
@background-color-yellow: #ffc101;// @background-color-yellow: #ffc101;//
@background-color-negative: #ff4949; @background-color-negative: #ff4949;
@ -87,10 +87,10 @@
@border-color-normal-success: #eddea2; @border-color-normal-success: #eddea2;
//split color //split color
@border-color-disabled: #F0F3F7; @border-color-disabled: #d0d4da;
//scroll color //scroll color
@scroll-color: #878d9f; @scroll-color: #878d9f;
@scroll-color-theme-dark: #F0F3F7; @scroll-color-theme-dark: #d0d4da;
@water-mark-color-theme-dark: #878d9f; @water-mark-color-theme-dark: #878d9f;

10
src/less/widget/singleslider/slider/widget.slider.less

@ -18,5 +18,15 @@
top: 4px; top: 4px;
left: -10px; left: -10px;
} }
&.disabled {
border-color: @color-bi-border-disabled;
&:hover, &.hover {
background-color: @color-bi-background-normal;
width: 16px;
height: 16px;
top: 6px;
left: -8px;
}
}
} }
} }

8
src/widget/dynamicdate/dynamicdate.popup.js

@ -1,6 +1,7 @@
BI.DynamicDatePopup = BI.inherit(BI.Widget, { BI.DynamicDatePopup = BI.inherit(BI.Widget, {
constants: { constants: {
tabHeight: 30 tabHeight: 30,
buttonHeight: 24
}, },
props: { props: {
@ -11,7 +12,7 @@ BI.DynamicDatePopup = BI.inherit(BI.Widget, {
_init: function () { _init: function () {
BI.DynamicDatePopup.superclass._init.apply(this, arguments); BI.DynamicDatePopup.superclass._init.apply(this, arguments);
var self = this, opts = this.options; var self = this, opts = this.options, c = this.constants;
this.storeValue = {type: BI.DynamicDateCombo.Static}; this.storeValue = {type: BI.DynamicDateCombo.Static};
BI.createWidget({ BI.createWidget({
element: this, element: this,
@ -27,6 +28,7 @@ BI.DynamicDatePopup = BI.inherit(BI.Widget, {
cls: "bi-high-light bi-border-top", cls: "bi-high-light bi-border-top",
shadow: true, shadow: true,
text: BI.i18nText("BI-Basic_Clear"), text: BI.i18nText("BI-Basic_Clear"),
textHeight: c.buttonHeight - 1,
listeners: [{ listeners: [{
eventName: BI.TextButton.EVENT_CHANGE, eventName: BI.TextButton.EVENT_CHANGE,
action: function () { action: function () {
@ -38,6 +40,7 @@ BI.DynamicDatePopup = BI.inherit(BI.Widget, {
forceCenter: true, forceCenter: true,
cls: "bi-border-left bi-border-right bi-high-light bi-border-top", cls: "bi-border-left bi-border-right bi-high-light bi-border-top",
shadow: true, shadow: true,
textHeight: c.buttonHeight - 1,
text: BI.i18nText("BI-Multi_Date_Today"), text: BI.i18nText("BI-Multi_Date_Today"),
ref: function () { ref: function () {
self.textButton = this; self.textButton = this;
@ -52,6 +55,7 @@ BI.DynamicDatePopup = BI.inherit(BI.Widget, {
type: "bi.text_button", type: "bi.text_button",
forceCenter: true, forceCenter: true,
cls: "bi-high-light bi-border-top", cls: "bi-high-light bi-border-top",
textHeight: c.buttonHeight - 1,
shadow: true, shadow: true,
text: BI.i18nText("BI-Basic_OK"), text: BI.i18nText("BI-Basic_OK"),
listeners: [{ listeners: [{

8
src/widget/dynamicdatetime/dynamicdatetime.popup.js

@ -1,6 +1,7 @@
BI.DynamicDateTimePopup = BI.inherit(BI.Widget, { BI.DynamicDateTimePopup = BI.inherit(BI.Widget, {
constants: { constants: {
tabHeight: 30 tabHeight: 30,
buttonHeight: 24
}, },
props: { props: {
@ -11,7 +12,7 @@ BI.DynamicDateTimePopup = BI.inherit(BI.Widget, {
_init: function () { _init: function () {
BI.DynamicDateTimePopup.superclass._init.apply(this, arguments); BI.DynamicDateTimePopup.superclass._init.apply(this, arguments);
var self = this, opts = this.options; var self = this, opts = this.options, c = this.constants;
this.storeValue = {type: BI.DynamicDateCombo.Static}; this.storeValue = {type: BI.DynamicDateCombo.Static};
BI.createWidget({ BI.createWidget({
element: this, element: this,
@ -25,6 +26,7 @@ BI.DynamicDateTimePopup = BI.inherit(BI.Widget, {
type: "bi.text_button", type: "bi.text_button",
forceCenter: true, forceCenter: true,
cls: "bi-high-light bi-border-top", cls: "bi-high-light bi-border-top",
textHeight: c.buttonHeight - 1,
shadow: true, shadow: true,
text: BI.i18nText("BI-Basic_Clear"), text: BI.i18nText("BI-Basic_Clear"),
listeners: [{ listeners: [{
@ -37,6 +39,7 @@ BI.DynamicDateTimePopup = BI.inherit(BI.Widget, {
type: "bi.text_button", type: "bi.text_button",
forceCenter: true, forceCenter: true,
cls: "bi-border-left bi-border-right bi-high-light bi-border-top", cls: "bi-border-left bi-border-right bi-high-light bi-border-top",
textHeight: c.buttonHeight - 1,
shadow: true, shadow: true,
text: BI.i18nText("BI-Multi_Date_Today"), text: BI.i18nText("BI-Multi_Date_Today"),
ref: function () { ref: function () {
@ -52,6 +55,7 @@ BI.DynamicDateTimePopup = BI.inherit(BI.Widget, {
type: "bi.text_button", type: "bi.text_button",
forceCenter: true, forceCenter: true,
cls: "bi-high-light bi-border-top", cls: "bi-high-light bi-border-top",
textHeight: c.buttonHeight - 1,
shadow: true, shadow: true,
text: BI.i18nText("BI-Basic_OK"), text: BI.i18nText("BI-Basic_OK"),
listeners: [{ listeners: [{

8
src/widget/year/popup.year.js

@ -7,7 +7,8 @@
*/ */
BI.DynamicYearPopup = BI.inherit(BI.Widget, { BI.DynamicYearPopup = BI.inherit(BI.Widget, {
constants: { constants: {
tabHeight: 30 tabHeight: 30,
buttonHeight: 24
}, },
props: { props: {
@ -20,7 +21,7 @@ BI.DynamicYearPopup = BI.inherit(BI.Widget, {
}, },
render: function () { render: function () {
var self = this, opts = this.options; var self = this, opts = this.options, c = this.constants;
this.storeValue = {type: BI.DynamicYearCombo.Static}; this.storeValue = {type: BI.DynamicYearCombo.Static};
return { return {
type: "bi.vtape", type: "bi.vtape",
@ -33,6 +34,7 @@ BI.DynamicYearPopup = BI.inherit(BI.Widget, {
type: "bi.text_button", type: "bi.text_button",
forceCenter: true, forceCenter: true,
cls: "bi-border-top bi-high-light", cls: "bi-border-top bi-high-light",
textHeight: c.buttonHeight - 1,
shadow: true, shadow: true,
text: BI.i18nText("BI-Basic_Clear"), text: BI.i18nText("BI-Basic_Clear"),
listeners: [{ listeners: [{
@ -44,6 +46,7 @@ BI.DynamicYearPopup = BI.inherit(BI.Widget, {
}, { }, {
type: "bi.text_button", type: "bi.text_button",
forceCenter: true, forceCenter: true,
textHeight: c.buttonHeight - 1,
cls: "bi-border-left bi-border-right bi-high-light bi-border-top", cls: "bi-border-left bi-border-right bi-high-light bi-border-top",
shadow: true, shadow: true,
text: BI.i18nText("BI-Basic_Current_Year"), text: BI.i18nText("BI-Basic_Current_Year"),
@ -60,6 +63,7 @@ BI.DynamicYearPopup = BI.inherit(BI.Widget, {
type: "bi.text_button", type: "bi.text_button",
forceCenter: true, forceCenter: true,
cls: "bi-border-top bi-high-light", cls: "bi-border-top bi-high-light",
textHeight: c.buttonHeight - 1,
shadow: true, shadow: true,
text: BI.i18nText("BI-Basic_OK"), text: BI.i18nText("BI-Basic_OK"),
listeners: [{ listeners: [{

8
src/widget/yearmonth/popup.yearmonth.js

@ -7,7 +7,8 @@
*/ */
BI.DynamicYearMonthPopup = BI.inherit(BI.Widget, { BI.DynamicYearMonthPopup = BI.inherit(BI.Widget, {
constants: { constants: {
tabHeight: 30 tabHeight: 30,
buttonHeight: 24
}, },
props: { props: {
@ -20,7 +21,7 @@ BI.DynamicYearMonthPopup = BI.inherit(BI.Widget, {
}, },
render: function () { render: function () {
var self = this, opts = this.options; var self = this, opts = this.options, c = this.constants;
this.storeValue = {type: BI.DynamicYearMonthCombo.Static}; this.storeValue = {type: BI.DynamicYearMonthCombo.Static};
return { return {
type: "bi.vtape", type: "bi.vtape",
@ -33,6 +34,7 @@ BI.DynamicYearMonthPopup = BI.inherit(BI.Widget, {
type: "bi.text_button", type: "bi.text_button",
forceCenter: true, forceCenter: true,
cls: "bi-border-top bi-high-light", cls: "bi-border-top bi-high-light",
textHeight: c.buttonHeight - 1,
shadow: true, shadow: true,
text: BI.i18nText("BI-Basic_Clear"), text: BI.i18nText("BI-Basic_Clear"),
listeners: [{ listeners: [{
@ -45,6 +47,7 @@ BI.DynamicYearMonthPopup = BI.inherit(BI.Widget, {
type: "bi.text_button", type: "bi.text_button",
forceCenter: true, forceCenter: true,
cls: "bi-border-left bi-border-right bi-high-light bi-border-top", cls: "bi-border-left bi-border-right bi-high-light bi-border-top",
textHeight: c.buttonHeight - 1,
shadow: true, shadow: true,
text: BI.i18nText("BI-Basic_Current_Month"), text: BI.i18nText("BI-Basic_Current_Month"),
ref: function () { ref: function () {
@ -60,6 +63,7 @@ BI.DynamicYearMonthPopup = BI.inherit(BI.Widget, {
type: "bi.text_button", type: "bi.text_button",
forceCenter: true, forceCenter: true,
cls: "bi-border-top bi-high-light", cls: "bi-border-top bi-high-light",
textHeight: c.buttonHeight - 1,
shadow: true, shadow: true,
text: BI.i18nText("BI-Basic_OK"), text: BI.i18nText("BI-Basic_OK"),
listeners: [{ listeners: [{

8
src/widget/yearquarter/popup.yearquarter.js

@ -1,6 +1,7 @@
BI.DynamicYearQuarterPopup = BI.inherit(BI.Widget, { BI.DynamicYearQuarterPopup = BI.inherit(BI.Widget, {
constants: { constants: {
tabHeight: 30 tabHeight: 30,
buttonHeight: 24
}, },
props: { props: {
@ -13,7 +14,7 @@ BI.DynamicYearQuarterPopup = BI.inherit(BI.Widget, {
}, },
render: function () { render: function () {
var self = this, opts = this.options; var self = this, opts = this.options, c = this.constants;
this.storeValue = {type: BI.DynamicYearQuarterCombo.Static}; this.storeValue = {type: BI.DynamicYearQuarterCombo.Static};
return { return {
type: "bi.vtape", type: "bi.vtape",
@ -27,6 +28,7 @@ BI.DynamicYearQuarterPopup = BI.inherit(BI.Widget, {
forceCenter: true, forceCenter: true,
cls: "bi-border-top bi-high-light", cls: "bi-border-top bi-high-light",
shadow: true, shadow: true,
textHeight: c.buttonHeight - 1,
text: BI.i18nText("BI-Basic_Clear"), text: BI.i18nText("BI-Basic_Clear"),
listeners: [{ listeners: [{
eventName: BI.TextButton.EVENT_CHANGE, eventName: BI.TextButton.EVENT_CHANGE,
@ -38,6 +40,7 @@ BI.DynamicYearQuarterPopup = BI.inherit(BI.Widget, {
type: "bi.text_button", type: "bi.text_button",
forceCenter: true, forceCenter: true,
cls: "bi-border-left bi-border-right bi-high-light bi-border-top", cls: "bi-border-left bi-border-right bi-high-light bi-border-top",
textHeight: c.buttonHeight - 1,
shadow: true, shadow: true,
text: BI.i18nText("BI-Basic_Current_Quarter"), text: BI.i18nText("BI-Basic_Current_Quarter"),
ref: function () { ref: function () {
@ -54,6 +57,7 @@ BI.DynamicYearQuarterPopup = BI.inherit(BI.Widget, {
forceCenter: true, forceCenter: true,
cls: "bi-border-top bi-high-light", cls: "bi-border-top bi-high-light",
shadow: true, shadow: true,
textHeight: c.buttonHeight - 1,
text: BI.i18nText("BI-Basic_OK"), text: BI.i18nText("BI-Basic_OK"),
listeners: [{ listeners: [{
eventName: BI.TextButton.EVENT_CHANGE, eventName: BI.TextButton.EVENT_CHANGE,

12
ui/css/app.css

@ -51,8 +51,8 @@ textarea::-webkit-scrollbar-thumb:hover {
.bi-theme-dark div::-webkit-scrollbar, .bi-theme-dark div::-webkit-scrollbar,
.bi-theme-dark textarea::-webkit-scrollbar { .bi-theme-dark textarea::-webkit-scrollbar {
-webkit-appearance: none; -webkit-appearance: none;
background-color: rgba(240, 243, 247, 0.05); background-color: rgba(208, 212, 218, 0.05);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0df0f3f7,endColorstr=#0df0f3f7); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0dd0d4da,endColorstr=#0dd0d4da);
width: 6px; width: 6px;
height: 6px; height: 6px;
} }
@ -61,11 +61,11 @@ textarea::-webkit-scrollbar-thumb:hover {
-webkit-border-radius: 0; -webkit-border-radius: 0;
-moz-border-radius: 0; -moz-border-radius: 0;
border-radius: 0; border-radius: 0;
background-color: rgba(240, 243, 247, 0.3); background-color: rgba(208, 212, 218, 0.3);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4df0f3f7,endColorstr=#4df0f3f7); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4dd0d4da,endColorstr=#4dd0d4da);
} }
.bi-theme-dark div::-webkit-scrollbar-thumb:hover, .bi-theme-dark div::-webkit-scrollbar-thumb:hover,
.bi-theme-dark textarea::-webkit-scrollbar-thumb:hover { .bi-theme-dark textarea::-webkit-scrollbar-thumb:hover {
background-color: rgba(240, 243, 247, 0.7); background-color: rgba(208, 212, 218, 0.7);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b3f0f3f7,endColorstr=#b3f0f3f7); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b3d0d4da,endColorstr=#b3d0d4da);
} }

Loading…
Cancel
Save