diff --git a/src/less/base/combo/combo.bubble.less b/src/less/base/combo/combo.bubble.less index bfefad0a0..54223bd5c 100644 --- a/src/less/base/combo/combo.bubble.less +++ b/src/less/base/combo/combo.bubble.less @@ -32,68 +32,16 @@ } } -.bi-popup-view[data-popper-placement^='top'] { - > .bi-bubble-arrow { - bottom: -10px; - > .bubble-arrow { - bottom: 6px; - } - } -} -.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-combo-popup .bi-bubble-popup-view { +// &.bi-zoom-big-leave{ +// .zoom-big-motion-enter(); +// } +// &.bi-zoom-big-leave-active{ +// .zoom-big-motion-enter-active(); +// } +// } .bi-theme-dark { - .bubble-arrow:before { - background: @color-bi-background-bubble-combo-triangle-theme-dark; - } .bi-bubble-combo { & .bubble-combo-triangle-left, & .bubble-combo-triangle-right, & .bubble-combo-triangle-top, & .bubble-combo-triangle-bottom { &:before { diff --git a/src/less/base/segment/button.segment.less b/src/less/base/segment/button.segment.less index 3f39bba1d..07f6cab2c 100644 --- a/src/less/base/segment/button.segment.less +++ b/src/less/base/segment/button.segment.less @@ -1,6 +1,8 @@ @import "../../index"; .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; }