X-Git-Url: https://git.immae.eu/?a=blobdiff_plain;f=assets%2Findex%2FPicker.less;h=bc7deb59f15f4f204c0ecd08f919cf8204fb8c76;hb=5c1299b09986b98ac228ecd77b98ffa13a6597c2;hp=507121f121137415b3ce297bde9d4e3d476ac830;hpb=e75ed0c6b89282cf475e94d6d5ad0fb35803f974;p=github%2Ffretlink%2Ftime-picker.git diff --git a/assets/index/Picker.less b/assets/index/Picker.less index 507121f..bc7deb5 100644 --- a/assets/index/Picker.less +++ b/assets/index/Picker.less @@ -1,33 +1,18 @@ -.@{prefixClass}-picker-container { - z-index: 1070; - position: absolute; - - &.slide-up-enter.slide-up-enter-active&-placement-topLeft, - &.slide-up-enter.slide-up-enter-active&-placement-topRight, - &.slide-up-appear.slide-up-appear-active&-placement-topLeft, - &.slide-up-appear.slide-up-appear-active&-placement-topRight { - animation-name: antSlideDownIn; - } - - &.slide-up-enter.slide-up-enter-active&-placement-bottomLeft, - &.slide-up-enter.slide-up-enter-active&-placement-bottomRight, - &.slide-up-appear.slide-up-appear-active&-placement-bottomLeft, - &.slide-up-appear.slide-up-appear-active&-placement-bottomRight { - animation-name: antSlideUpIn; - } - - &.slide-up-leave.slide-up-leave-active&-placement-topLeft, - &.slide-up-leave.slide-up-leave-active&-placement-topRight { - animation-name: antSlideDownOut; - } - - &.slide-up-leave.slide-up-leave-active&-placement-bottomLeft, - &.slide-up-leave.slide-up-leave-active&-placement-bottomRight { - animation-name: antSlideUpOut; - } -} - .@{prefixClass} { - &-picker { + &-input { + width: 150px; + position: relative; + display: inline-block; + padding: 4px 7px; + height: 28px; + cursor: text; + font-size: 12px; + line-height: 1.5; + color: #666; + background-color: #fff; + background-image: none; + border: 1px solid #d9d9d9; + border-radius: 6px; + transition: border .2s cubic-bezier(0.645, 0.045, 0.355, 1), background .2s cubic-bezier(0.645, 0.045, 0.355, 1), box-shadow .2s cubic-bezier(0.645, 0.045, 0.355, 1); } }