fanruan
/
fineui
4
1
Fork 3
Code Issues 1 Pull Requests Releases Wiki Activity
Browse Source

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

es6
windy 7 years ago
parent
438a8b3161
commit
6d6d5b0e22
17 changed files with 138 additions and 106 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  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
Unescape View File

@ -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
View File

File diff suppressed because one or more lines are too long

44
dist/base.css vendored
Unescape View File

@ -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
Unescape View File

@ -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
Unescape View File

@ -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
View File

File diff suppressed because one or more lines are too long

2
dist/bundle.min.js vendored
View File

File diff suppressed because one or more lines are too long

4
dist/case.js vendored
Unescape View File

@ -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
Unescape View File

@ -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
Unescape View File

@ -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
Unescape View File

@ -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
View File

File diff suppressed because one or more lines are too long

4
dist/fineui.min.js vendored
View File

File diff suppressed because one or more lines are too long

4
src/case/combo/bubblecombo/popup.bubble.js
Unescape View File

@ -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
Unescape View File

@ -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
Unescape View File

@ -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
Unescape View File

@ -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));
} }
} }
Write Preview
Loading…
Cancel
Save