Browse Source

BI-28404 小三角在深色系下的表现和幽灵按钮替换

es6
windy 6 years ago
parent
commit
6d6d5b0e22
  1. 1
      demo/js/base/button/demo.button.js
  2. 4
      dist/_fineui.min.js
  3. 44
      dist/base.css
  4. 44
      dist/bundle.css
  5. 4
      dist/bundle.js
  6. 2
      dist/bundle.min.css
  7. 2
      dist/bundle.min.js
  8. 4
      dist/case.js
  9. 1
      dist/demo.js
  10. 44
      dist/fineui.css
  11. 4
      dist/fineui.js
  12. 2
      dist/fineui.min.css
  13. 4
      dist/fineui.min.js
  14. 4
      src/case/combo/bubblecombo/popup.bubble.js
  15. 44
      src/css/base/combo/combo.css
  16. 14
      src/less/base/combo/combo.bubble.less
  17. 22
      src/less/visual.less

1
demo/js/base/button/demo.button.js

@ -225,6 +225,7 @@ Demo.Button = BI.inherit(BI.Widget, {
// }); // });
return { return {
type: "bi.left", type: "bi.left",
scrolly: true,
vgap: 100, vgap: 100,
hgap: 20, hgap: 20,
items: items items: items

4
dist/_fineui.min.js vendored

File diff suppressed because one or more lines are too long

44
dist/base.css vendored

@ -345,14 +345,14 @@
position: absolute; position: absolute;
width: 6px; width: 6px;
height: 6px; height: 6px;
margin-left: 2px; margin-left: 3px;
margin-top: -5px; margin-top: -3px;
content: ""; content: "";
background-color: #ffffff; background-color: #ffffff;
transform: rotate(45deg); transform: rotate(-45deg);
-webkit-box-shadow: 0 1px 5px 0 rgba(35, 46, 64, 0.2); -webkit-box-shadow: 1px 1px 1px 0 rgba(35, 46, 64, 0.2);
-moz-box-shadow: 0 1px 5px 0 rgba(35, 46, 64, 0.2); -moz-box-shadow: 1px 1px 1px 0 rgba(35, 46, 64, 0.2);
box-shadow: 0 1px 5px 0 rgba(35, 46, 64, 0.2); box-shadow: 1px 1px 1px 0 rgba(35, 46, 64, 0.2);
} }
.bi-bubble-combo .bubble-combo-triangle-right { .bi-bubble-combo .bubble-combo-triangle-right {
z-index: 1; z-index: 1;
@ -364,14 +364,14 @@
position: absolute; position: absolute;
width: 6px; width: 6px;
height: 6px; height: 6px;
margin-left: 2px; margin-left: 3px;
margin-top: 5px; margin-top: 3px;
content: ""; content: "";
background-color: #ffffff; background-color: #ffffff;
transform: rotate(45deg); transform: rotate(135deg);
-webkit-box-shadow: 0 1px 5px 0 rgba(35, 46, 64, 0.2); -webkit-box-shadow: 1px 1px 1px 0 rgba(35, 46, 64, 0.2);
-moz-box-shadow: 0 1px 5px 0 rgba(35, 46, 64, 0.2); -moz-box-shadow: 1px 1px 1px 0 rgba(35, 46, 64, 0.2);
box-shadow: 0 1px 5px 0 rgba(35, 46, 64, 0.2); box-shadow: 1px 1px 1px 0 rgba(35, 46, 64, 0.2);
} }
.bi-bubble-combo .bubble-combo-triangle-top { .bi-bubble-combo .bubble-combo-triangle-top {
z-index: 1; z-index: 1;
@ -388,9 +388,9 @@
content: ""; content: "";
background-color: #ffffff; background-color: #ffffff;
transform: rotate(45deg); transform: rotate(45deg);
-webkit-box-shadow: 0 1px 5px 0 rgba(35, 46, 64, 0.2); -webkit-box-shadow: 1px 1px 1px 0 rgba(35, 46, 64, 0.2);
-moz-box-shadow: 0 1px 5px 0 rgba(35, 46, 64, 0.2); -moz-box-shadow: 1px 1px 1px 0 rgba(35, 46, 64, 0.2);
box-shadow: 0 1px 5px 0 rgba(35, 46, 64, 0.2); box-shadow: 1px 1px 1px 0 rgba(35, 46, 64, 0.2);
} }
.bi-bubble-combo .bubble-combo-triangle-bottom { .bi-bubble-combo .bubble-combo-triangle-bottom {
z-index: 1; z-index: 1;
@ -406,10 +406,16 @@
margin-top: 3px; margin-top: 3px;
content: ""; content: "";
background-color: #ffffff; background-color: #ffffff;
transform: rotate(45deg); transform: rotate(-135deg);
-webkit-box-shadow: 0 1px 5px 0 rgba(35, 46, 64, 0.2); -webkit-box-shadow: 1px 1px 1px 0 rgba(35, 46, 64, 0.2);
-moz-box-shadow: 0 1px 5px 0 rgba(35, 46, 64, 0.2); -moz-box-shadow: 1px 1px 1px 0 rgba(35, 46, 64, 0.2);
box-shadow: 0 1px 5px 0 rgba(35, 46, 64, 0.2); box-shadow: 1px 1px 1px 0 rgba(35, 46, 64, 0.2);
}
.bi-theme-dark .bi-bubble-combo .bubble-combo-triangle-left:before,
.bi-theme-dark .bi-bubble-combo.bubble-combo-triangle-right:before,
.bi-theme-dark .bi-bubble-combo .bubble-combo-triangle-top:before,
.bi-theme-dark .bi-bubble-combo .bubble-combo-triangle-bottom:before {
background-color: #242640;
} }
.bi-combo.bi-combo-popup { .bi-combo.bi-combo-popup {

44
dist/bundle.css vendored

@ -2191,14 +2191,14 @@ textarea {
position: absolute; position: absolute;
width: 6px; width: 6px;
height: 6px; height: 6px;
margin-left: 2px; margin-left: 3px;
margin-top: -5px; margin-top: -3px;
content: ""; content: "";
background-color: #ffffff; background-color: #ffffff;
transform: rotate(45deg); transform: rotate(-45deg);
-webkit-box-shadow: 0 1px 5px 0 rgba(35, 46, 64, 0.2); -webkit-box-shadow: 1px 1px 1px 0 rgba(35, 46, 64, 0.2);
-moz-box-shadow: 0 1px 5px 0 rgba(35, 46, 64, 0.2); -moz-box-shadow: 1px 1px 1px 0 rgba(35, 46, 64, 0.2);
box-shadow: 0 1px 5px 0 rgba(35, 46, 64, 0.2); box-shadow: 1px 1px 1px 0 rgba(35, 46, 64, 0.2);
} }
.bi-bubble-combo .bubble-combo-triangle-right { .bi-bubble-combo .bubble-combo-triangle-right {
z-index: 1; z-index: 1;
@ -2210,14 +2210,14 @@ textarea {
position: absolute; position: absolute;
width: 6px; width: 6px;
height: 6px; height: 6px;
margin-left: 2px; margin-left: 3px;
margin-top: 5px; margin-top: 3px;
content: ""; content: "";
background-color: #ffffff; background-color: #ffffff;
transform: rotate(45deg); transform: rotate(135deg);
-webkit-box-shadow: 0 1px 5px 0 rgba(35, 46, 64, 0.2); -webkit-box-shadow: 1px 1px 1px 0 rgba(35, 46, 64, 0.2);
-moz-box-shadow: 0 1px 5px 0 rgba(35, 46, 64, 0.2); -moz-box-shadow: 1px 1px 1px 0 rgba(35, 46, 64, 0.2);
box-shadow: 0 1px 5px 0 rgba(35, 46, 64, 0.2); box-shadow: 1px 1px 1px 0 rgba(35, 46, 64, 0.2);
} }
.bi-bubble-combo .bubble-combo-triangle-top { .bi-bubble-combo .bubble-combo-triangle-top {
z-index: 1; z-index: 1;
@ -2234,9 +2234,9 @@ textarea {
content: ""; content: "";
background-color: #ffffff; background-color: #ffffff;
transform: rotate(45deg); transform: rotate(45deg);
-webkit-box-shadow: 0 1px 5px 0 rgba(35, 46, 64, 0.2); -webkit-box-shadow: 1px 1px 1px 0 rgba(35, 46, 64, 0.2);
-moz-box-shadow: 0 1px 5px 0 rgba(35, 46, 64, 0.2); -moz-box-shadow: 1px 1px 1px 0 rgba(35, 46, 64, 0.2);
box-shadow: 0 1px 5px 0 rgba(35, 46, 64, 0.2); box-shadow: 1px 1px 1px 0 rgba(35, 46, 64, 0.2);
} }
.bi-bubble-combo .bubble-combo-triangle-bottom { .bi-bubble-combo .bubble-combo-triangle-bottom {
z-index: 1; z-index: 1;
@ -2252,10 +2252,16 @@ textarea {
margin-top: 3px; margin-top: 3px;
content: ""; content: "";
background-color: #ffffff; background-color: #ffffff;
transform: rotate(45deg); transform: rotate(-135deg);
-webkit-box-shadow: 0 1px 5px 0 rgba(35, 46, 64, 0.2); -webkit-box-shadow: 1px 1px 1px 0 rgba(35, 46, 64, 0.2);
-moz-box-shadow: 0 1px 5px 0 rgba(35, 46, 64, 0.2); -moz-box-shadow: 1px 1px 1px 0 rgba(35, 46, 64, 0.2);
box-shadow: 0 1px 5px 0 rgba(35, 46, 64, 0.2); box-shadow: 1px 1px 1px 0 rgba(35, 46, 64, 0.2);
}
.bi-theme-dark .bi-bubble-combo .bubble-combo-triangle-left:before,
.bi-theme-dark .bi-bubble-combo.bubble-combo-triangle-right:before,
.bi-theme-dark .bi-bubble-combo .bubble-combo-triangle-top:before,
.bi-theme-dark .bi-bubble-combo .bubble-combo-triangle-bottom:before {
background-color: #242640;
} }
.bi-combo.bi-combo-popup { .bi-combo.bi-combo-popup {

4
dist/bundle.js vendored

@ -78152,7 +78152,7 @@ BI.BubblePopupBarView = BI.inherit(BI.BubblePopupView, {
_defaultConfig: function () { _defaultConfig: function () {
return BI.extend(BI.BubblePopupBarView.superclass._defaultConfig.apply(this, arguments), { return BI.extend(BI.BubblePopupBarView.superclass._defaultConfig.apply(this, arguments), {
extraCls: "bi-bubble-bar-popup-view", extraCls: "bi-bubble-bar-popup-view",
buttons: [{value: BI.i18nText("BI-Basic_Cancel"), level: "ignore"}, {value: BI.i18nText(BI.i18nText("BI-Basic_Sure"))}] buttons: [{value: BI.i18nText("BI-Basic_Cancel"), ghost: true}, {value: BI.i18nText(BI.i18nText("BI-Basic_Sure"))}]
}); });
}, },
_init: function () { _init: function () {
@ -78226,7 +78226,7 @@ BI.TextBubblePopupBarView = BI.inherit(BI.Widget, {
buttons: [{ buttons: [{
type: "bi.button", type: "bi.button",
value: BI.i18nText("BI-Basic_Cancel"), value: BI.i18nText("BI-Basic_Cancel"),
level: "ignore", ghost: true,
height: 24, height: 24,
handler: function () { handler: function () {
self.fireEvent(BI.BubblePopupBarView.EVENT_CLICK_TOOLBAR_BUTTON, false); self.fireEvent(BI.BubblePopupBarView.EVENT_CLICK_TOOLBAR_BUTTON, false);

2
dist/bundle.min.css vendored

File diff suppressed because one or more lines are too long

2
dist/bundle.min.js vendored

File diff suppressed because one or more lines are too long

4
dist/case.js vendored

@ -5472,7 +5472,7 @@ BI.BubblePopupBarView = BI.inherit(BI.BubblePopupView, {
_defaultConfig: function () { _defaultConfig: function () {
return BI.extend(BI.BubblePopupBarView.superclass._defaultConfig.apply(this, arguments), { return BI.extend(BI.BubblePopupBarView.superclass._defaultConfig.apply(this, arguments), {
extraCls: "bi-bubble-bar-popup-view", extraCls: "bi-bubble-bar-popup-view",
buttons: [{value: BI.i18nText("BI-Basic_Cancel"), level: "ignore"}, {value: BI.i18nText(BI.i18nText("BI-Basic_Sure"))}] buttons: [{value: BI.i18nText("BI-Basic_Cancel"), ghost: true}, {value: BI.i18nText(BI.i18nText("BI-Basic_Sure"))}]
}); });
}, },
_init: function () { _init: function () {
@ -5546,7 +5546,7 @@ BI.TextBubblePopupBarView = BI.inherit(BI.Widget, {
buttons: [{ buttons: [{
type: "bi.button", type: "bi.button",
value: BI.i18nText("BI-Basic_Cancel"), value: BI.i18nText("BI-Basic_Cancel"),
level: "ignore", ghost: true,
height: 24, height: 24,
handler: function () { handler: function () {
self.fireEvent(BI.BubblePopupBarView.EVENT_CLICK_TOOLBAR_BUTTON, false); self.fireEvent(BI.BubblePopupBarView.EVENT_CLICK_TOOLBAR_BUTTON, false);

1
dist/demo.js vendored

@ -247,6 +247,7 @@ $(function () {
// }); // });
return { return {
type: "bi.left", type: "bi.left",
scrolly: true,
vgap: 100, vgap: 100,
hgap: 20, hgap: 20,
items: items items: items

44
dist/fineui.css vendored

@ -2191,14 +2191,14 @@ textarea {
position: absolute; position: absolute;
width: 6px; width: 6px;
height: 6px; height: 6px;
margin-left: 2px; margin-left: 3px;
margin-top: -5px; margin-top: -3px;
content: ""; content: "";
background-color: #ffffff; background-color: #ffffff;
transform: rotate(45deg); transform: rotate(-45deg);
-webkit-box-shadow: 0 1px 5px 0 rgba(35, 46, 64, 0.2); -webkit-box-shadow: 1px 1px 1px 0 rgba(35, 46, 64, 0.2);
-moz-box-shadow: 0 1px 5px 0 rgba(35, 46, 64, 0.2); -moz-box-shadow: 1px 1px 1px 0 rgba(35, 46, 64, 0.2);
box-shadow: 0 1px 5px 0 rgba(35, 46, 64, 0.2); box-shadow: 1px 1px 1px 0 rgba(35, 46, 64, 0.2);
} }
.bi-bubble-combo .bubble-combo-triangle-right { .bi-bubble-combo .bubble-combo-triangle-right {
z-index: 1; z-index: 1;
@ -2210,14 +2210,14 @@ textarea {
position: absolute; position: absolute;
width: 6px; width: 6px;
height: 6px; height: 6px;
margin-left: 2px; margin-left: 3px;
margin-top: 5px; margin-top: 3px;
content: ""; content: "";
background-color: #ffffff; background-color: #ffffff;
transform: rotate(45deg); transform: rotate(135deg);
-webkit-box-shadow: 0 1px 5px 0 rgba(35, 46, 64, 0.2); -webkit-box-shadow: 1px 1px 1px 0 rgba(35, 46, 64, 0.2);
-moz-box-shadow: 0 1px 5px 0 rgba(35, 46, 64, 0.2); -moz-box-shadow: 1px 1px 1px 0 rgba(35, 46, 64, 0.2);
box-shadow: 0 1px 5px 0 rgba(35, 46, 64, 0.2); box-shadow: 1px 1px 1px 0 rgba(35, 46, 64, 0.2);
} }
.bi-bubble-combo .bubble-combo-triangle-top { .bi-bubble-combo .bubble-combo-triangle-top {
z-index: 1; z-index: 1;
@ -2234,9 +2234,9 @@ textarea {
content: ""; content: "";
background-color: #ffffff; background-color: #ffffff;
transform: rotate(45deg); transform: rotate(45deg);
-webkit-box-shadow: 0 1px 5px 0 rgba(35, 46, 64, 0.2); -webkit-box-shadow: 1px 1px 1px 0 rgba(35, 46, 64, 0.2);
-moz-box-shadow: 0 1px 5px 0 rgba(35, 46, 64, 0.2); -moz-box-shadow: 1px 1px 1px 0 rgba(35, 46, 64, 0.2);
box-shadow: 0 1px 5px 0 rgba(35, 46, 64, 0.2); box-shadow: 1px 1px 1px 0 rgba(35, 46, 64, 0.2);
} }
.bi-bubble-combo .bubble-combo-triangle-bottom { .bi-bubble-combo .bubble-combo-triangle-bottom {
z-index: 1; z-index: 1;
@ -2252,10 +2252,16 @@ textarea {
margin-top: 3px; margin-top: 3px;
content: ""; content: "";
background-color: #ffffff; background-color: #ffffff;
transform: rotate(45deg); transform: rotate(-135deg);
-webkit-box-shadow: 0 1px 5px 0 rgba(35, 46, 64, 0.2); -webkit-box-shadow: 1px 1px 1px 0 rgba(35, 46, 64, 0.2);
-moz-box-shadow: 0 1px 5px 0 rgba(35, 46, 64, 0.2); -moz-box-shadow: 1px 1px 1px 0 rgba(35, 46, 64, 0.2);
box-shadow: 0 1px 5px 0 rgba(35, 46, 64, 0.2); box-shadow: 1px 1px 1px 0 rgba(35, 46, 64, 0.2);
}
.bi-theme-dark .bi-bubble-combo .bubble-combo-triangle-left:before,
.bi-theme-dark .bi-bubble-combo.bubble-combo-triangle-right:before,
.bi-theme-dark .bi-bubble-combo .bubble-combo-triangle-top:before,
.bi-theme-dark .bi-bubble-combo .bubble-combo-triangle-bottom:before {
background-color: #242640;
} }
.bi-combo.bi-combo-popup { .bi-combo.bi-combo-popup {

4
dist/fineui.js vendored

@ -78401,7 +78401,7 @@ BI.BubblePopupBarView = BI.inherit(BI.BubblePopupView, {
_defaultConfig: function () { _defaultConfig: function () {
return BI.extend(BI.BubblePopupBarView.superclass._defaultConfig.apply(this, arguments), { return BI.extend(BI.BubblePopupBarView.superclass._defaultConfig.apply(this, arguments), {
extraCls: "bi-bubble-bar-popup-view", extraCls: "bi-bubble-bar-popup-view",
buttons: [{value: BI.i18nText("BI-Basic_Cancel"), level: "ignore"}, {value: BI.i18nText(BI.i18nText("BI-Basic_Sure"))}] buttons: [{value: BI.i18nText("BI-Basic_Cancel"), ghost: true}, {value: BI.i18nText(BI.i18nText("BI-Basic_Sure"))}]
}); });
}, },
_init: function () { _init: function () {
@ -78475,7 +78475,7 @@ BI.TextBubblePopupBarView = BI.inherit(BI.Widget, {
buttons: [{ buttons: [{
type: "bi.button", type: "bi.button",
value: BI.i18nText("BI-Basic_Cancel"), value: BI.i18nText("BI-Basic_Cancel"),
level: "ignore", ghost: true,
height: 24, height: 24,
handler: function () { handler: function () {
self.fireEvent(BI.BubblePopupBarView.EVENT_CLICK_TOOLBAR_BUTTON, false); self.fireEvent(BI.BubblePopupBarView.EVENT_CLICK_TOOLBAR_BUTTON, false);

2
dist/fineui.min.css vendored

File diff suppressed because one or more lines are too long

4
dist/fineui.min.js vendored

File diff suppressed because one or more lines are too long

4
src/case/combo/bubblecombo/popup.bubble.js

@ -82,7 +82,7 @@ BI.BubblePopupBarView = BI.inherit(BI.BubblePopupView, {
_defaultConfig: function () { _defaultConfig: function () {
return BI.extend(BI.BubblePopupBarView.superclass._defaultConfig.apply(this, arguments), { return BI.extend(BI.BubblePopupBarView.superclass._defaultConfig.apply(this, arguments), {
extraCls: "bi-bubble-bar-popup-view", extraCls: "bi-bubble-bar-popup-view",
buttons: [{value: BI.i18nText("BI-Basic_Cancel"), level: "ignore"}, {value: BI.i18nText(BI.i18nText("BI-Basic_Sure"))}] buttons: [{value: BI.i18nText("BI-Basic_Cancel"), ghost: true}, {value: BI.i18nText(BI.i18nText("BI-Basic_Sure"))}]
}); });
}, },
_init: function () { _init: function () {
@ -156,7 +156,7 @@ BI.TextBubblePopupBarView = BI.inherit(BI.Widget, {
buttons: [{ buttons: [{
type: "bi.button", type: "bi.button",
value: BI.i18nText("BI-Basic_Cancel"), value: BI.i18nText("BI-Basic_Cancel"),
level: "ignore", ghost: true,
height: 24, height: 24,
handler: function () { handler: function () {
self.fireEvent(BI.BubblePopupBarView.EVENT_CLICK_TOOLBAR_BUTTON, false); self.fireEvent(BI.BubblePopupBarView.EVENT_CLICK_TOOLBAR_BUTTON, false);

44
src/css/base/combo/combo.css

@ -12,14 +12,14 @@
position: absolute; position: absolute;
width: 6px; width: 6px;
height: 6px; height: 6px;
margin-left: 2px; margin-left: 3px;
margin-top: -5px; margin-top: -3px;
content: ""; content: "";
background-color: #ffffff; background-color: #ffffff;
transform: rotate(45deg); transform: rotate(-45deg);
-webkit-box-shadow: 0 1px 5px 0 rgba(35, 46, 64, 0.2); -webkit-box-shadow: 1px 1px 1px 0 rgba(35, 46, 64, 0.2);
-moz-box-shadow: 0 1px 5px 0 rgba(35, 46, 64, 0.2); -moz-box-shadow: 1px 1px 1px 0 rgba(35, 46, 64, 0.2);
box-shadow: 0 1px 5px 0 rgba(35, 46, 64, 0.2); box-shadow: 1px 1px 1px 0 rgba(35, 46, 64, 0.2);
} }
.bi-bubble-combo .bubble-combo-triangle-right { .bi-bubble-combo .bubble-combo-triangle-right {
z-index: 1; z-index: 1;
@ -31,14 +31,14 @@
position: absolute; position: absolute;
width: 6px; width: 6px;
height: 6px; height: 6px;
margin-left: 2px; margin-left: 3px;
margin-top: 5px; margin-top: 3px;
content: ""; content: "";
background-color: #ffffff; background-color: #ffffff;
transform: rotate(45deg); transform: rotate(135deg);
-webkit-box-shadow: 0 1px 5px 0 rgba(35, 46, 64, 0.2); -webkit-box-shadow: 1px 1px 1px 0 rgba(35, 46, 64, 0.2);
-moz-box-shadow: 0 1px 5px 0 rgba(35, 46, 64, 0.2); -moz-box-shadow: 1px 1px 1px 0 rgba(35, 46, 64, 0.2);
box-shadow: 0 1px 5px 0 rgba(35, 46, 64, 0.2); box-shadow: 1px 1px 1px 0 rgba(35, 46, 64, 0.2);
} }
.bi-bubble-combo .bubble-combo-triangle-top { .bi-bubble-combo .bubble-combo-triangle-top {
z-index: 1; z-index: 1;
@ -55,9 +55,9 @@
content: ""; content: "";
background-color: #ffffff; background-color: #ffffff;
transform: rotate(45deg); transform: rotate(45deg);
-webkit-box-shadow: 0 1px 5px 0 rgba(35, 46, 64, 0.2); -webkit-box-shadow: 1px 1px 1px 0 rgba(35, 46, 64, 0.2);
-moz-box-shadow: 0 1px 5px 0 rgba(35, 46, 64, 0.2); -moz-box-shadow: 1px 1px 1px 0 rgba(35, 46, 64, 0.2);
box-shadow: 0 1px 5px 0 rgba(35, 46, 64, 0.2); box-shadow: 1px 1px 1px 0 rgba(35, 46, 64, 0.2);
} }
.bi-bubble-combo .bubble-combo-triangle-bottom { .bi-bubble-combo .bubble-combo-triangle-bottom {
z-index: 1; z-index: 1;
@ -73,10 +73,16 @@
margin-top: 3px; margin-top: 3px;
content: ""; content: "";
background-color: #ffffff; background-color: #ffffff;
transform: rotate(45deg); transform: rotate(-135deg);
-webkit-box-shadow: 0 1px 5px 0 rgba(35, 46, 64, 0.2); -webkit-box-shadow: 1px 1px 1px 0 rgba(35, 46, 64, 0.2);
-moz-box-shadow: 0 1px 5px 0 rgba(35, 46, 64, 0.2); -moz-box-shadow: 1px 1px 1px 0 rgba(35, 46, 64, 0.2);
box-shadow: 0 1px 5px 0 rgba(35, 46, 64, 0.2); box-shadow: 1px 1px 1px 0 rgba(35, 46, 64, 0.2);
}
.bi-theme-dark .bi-bubble-combo .bubble-combo-triangle-left:before,
.bi-theme-dark .bi-bubble-combo.bubble-combo-triangle-right:before,
.bi-theme-dark .bi-bubble-combo .bubble-combo-triangle-top:before,
.bi-theme-dark .bi-bubble-combo .bubble-combo-triangle-bottom:before {
background-color: #242640;
} }
.bi-combo.bi-combo-popup { .bi-combo.bi-combo-popup {

14
src/less/base/combo/combo.bubble.less

@ -8,21 +8,27 @@
& .bubble-combo-triangle-left { & .bubble-combo-triangle-left {
z-index: 1; z-index: 1;
.triangle-right(); .triangle-right();
//.solid-triangle-right(@color-bi-background-highlight);
} }
& .bubble-combo-triangle-right { & .bubble-combo-triangle-right {
z-index: 1; z-index: 1;
.triangle-left(); .triangle-left();
//.solid-triangle-left(@color-bi-background-highlight);
} }
& .bubble-combo-triangle-top { & .bubble-combo-triangle-top {
z-index: 1; z-index: 1;
.triangle-bottom(); .triangle-bottom();
//.solid-triangle-down(@color-bi-background-highlight);
} }
& .bubble-combo-triangle-bottom { & .bubble-combo-triangle-bottom {
z-index: 1; z-index: 1;
.triangle-top(); .triangle-top();
//.solid-triangle-up(@color-bi-background-highlight); }
}
.bi-theme-dark {
.bi-bubble-combo {
& .bubble-combo-triangle-left, &.bubble-combo-triangle-right, & .bubble-combo-triangle-top, & .bubble-combo-triangle-bottom {
&:before {
background-color: @color-bi-background-default-theme-dark;
}
}
} }
} }

22
src/less/visual.less

@ -198,8 +198,8 @@
margin-top: 3px; margin-top: 3px;
content: ""; content: "";
background-color: #ffffff; background-color: #ffffff;
transform: rotate(45deg); transform: rotate(-135deg);
.box-shadow(0 1px 5px 0, fade(#232E40, 20)); .box-shadow(1px 1px 1px 0, fade(#232E40, 20));
} }
} }
@ -217,7 +217,7 @@
content: ""; content: "";
background-color: #ffffff; background-color: #ffffff;
transform: rotate(45deg); transform: rotate(45deg);
.box-shadow(0 1px 5px 0, fade(#232E40, 20)); .box-shadow(1px 1px 1px 0, fade(#232E40, 20));
} }
} }
@ -231,12 +231,12 @@
position: absolute; position: absolute;
width: 6px; width: 6px;
height: 6px; height: 6px;
margin-left: 2px; margin-left: 3px;
margin-top: 5px; margin-top: 3px;
content: ""; content: "";
background-color: #ffffff; background-color: #ffffff;
transform: rotate(45deg); transform: rotate(135deg);
.box-shadow(0 1px 5px 0, fade(#232E40, 20)); .box-shadow(1px 1px 1px 0, fade(#232E40, 20));
} }
} }
@ -249,11 +249,11 @@
position: absolute; position: absolute;
width: 6px; width: 6px;
height: 6px; height: 6px;
margin-left: 2px; margin-left: 3px;
margin-top: -5px; margin-top: -3px;
content: ""; content: "";
background-color: #ffffff; background-color: #ffffff;
transform: rotate(45deg); transform: rotate(-45deg);
.box-shadow(0 1px 5px 0, fade(#232E40, 20)); .box-shadow(1px 1px 1px 0, fade(#232E40, 20));
} }
} }
Loading…
Cancel
Save