1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071 |
- @import '../../style/themes/index';
- @import '../../style/mixins/index';
- @import '../../button/style/mixin';
- @import './mixin';
- @search-prefix: ~'@{ant-prefix}-input-search';
- .@{search-prefix} {
- .@{ant-prefix}-input {
- &:hover,
- &:focus {
- border-color: @input-hover-border-color;
- + .@{ant-prefix}-input-group-addon .@{search-prefix}-button:not(.@{ant-prefix}-btn-primary) {
- border-left-color: @input-hover-border-color;
- }
- }
- }
- .@{ant-prefix}-input-affix-wrapper {
- border-radius: 0;
- }
- // fix slight height diff in Firefox:
- // https://ant.design/components/auto-complete-cn/#components-auto-complete-demo-certain-category
- .@{ant-prefix}-input-lg {
- line-height: @line-height-base - 0.0002;
- }
- > .@{ant-prefix}-input-group {
- > .@{ant-prefix}-input-group-addon:last-child {
- left: -1px;
- padding: 0;
- border: 0;
- .@{search-prefix}-button {
- padding-top: 0;
- padding-bottom: 0;
- border-radius: 0 @border-radius-base @border-radius-base 0;
- }
- .@{search-prefix}-button:not(.@{ant-prefix}-btn-primary) {
- color: @text-color-secondary;
- &.@{ant-prefix}-btn-loading::before {
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- }
- }
- }
- }
- &-button {
- height: @input-height-base;
- &:hover,
- &:focus {
- z-index: 1;
- }
- }
- &-large &-button {
- height: @input-height-lg;
- }
- &-small &-button {
- height: @input-height-sm;
- }
- }
|