windy 3 years ago
parent
commit
c16f8fa25e
  1. 68
      src/less/base/combo/combo.bubble.less
  2. 2
      src/less/base/segment/button.segment.less

68
src/less/base/combo/combo.bubble.less

@ -32,68 +32,16 @@
} }
} }
.bi-popup-view[data-popper-placement^='top'] { // .bi-combo-popup .bi-bubble-popup-view {
> .bi-bubble-arrow { // &.bi-zoom-big-leave{
bottom: -10px; // .zoom-big-motion-enter();
> .bubble-arrow { // }
bottom: 6px; // &.bi-zoom-big-leave-active{
} // .zoom-big-motion-enter-active();
} // }
} // }
.bi-popup-view[data-popper-placement^='bottom'] {
> .bi-bubble-arrow {
top: -10px;
> .bubble-arrow {
top: 6px;
}
}
}
.bi-popup-view[data-popper-placement^='left'] {
> .bi-bubble-arrow {
right: -10px;
> .bubble-arrow {
right: 6px;
}
}
}
.bi-popup-view[data-popper-placement^='right'] {
> .bi-bubble-arrow {
left: -10px;
> .bubble-arrow {
left: 6px;
}
}
}
.bi-bubble-arrow {
width: 10px;
height: 10px;
overflow: hidden;
.bubble-arrow {
width: 10px;
height: 10px;
position: absolute;
&:before {
width: 10px;
height: 10px;
position: absolute;
content: "";
background: @color-bi-background-bubble-combo-triangle;
top: 0;
left: 0;
transition: transform 0.2s ease-out 0s, visibility 0.2s ease-out 0s;
visibility: visible;
transform: translateX(0px) rotate(-135deg);
transform-origin: center center;
.box-shadow(3px 3px 10px 0,rgba(0,0,0,6%));
}
}
}
.bi-theme-dark { .bi-theme-dark {
.bubble-arrow:before {
background: @color-bi-background-bubble-combo-triangle-theme-dark;
}
.bi-bubble-combo { .bi-bubble-combo {
& .bubble-combo-triangle-left, & .bubble-combo-triangle-right, & .bubble-combo-triangle-top, & .bubble-combo-triangle-bottom { & .bubble-combo-triangle-left, & .bubble-combo-triangle-right, & .bubble-combo-triangle-top, & .bubble-combo-triangle-bottom {
&:before { &:before {

2
src/less/base/segment/button.segment.less

@ -1,6 +1,8 @@
@import "../../index"; @import "../../index";
.bi-segment-button { .bi-segment-button {
@transition: color 0.3s, background 0.3s, border-color 0.3s, box-shadow 0.3s;
.transition(@transition);
color: @color-bi-text-segment-button; color: @color-bi-text-segment-button;
} }

Loading…
Cancel
Save