@import "../../yylib2/style/index.less";
@placeholder-color: #666;
.yyui-search-container {
    z-index: 999;
    .search-box {
        background-color: #fff;
        box-shadow: @shadow-1-left,@shadow-1-right, @shadow-1-down, @shadow-1-up;
    }
    .search-box-large {
        width: 900px;
    }
    .yyui-toolbar .yyui-select {
        margin-top: 6px;
        margin-right: 6px;
    }
    .yyui-inputbutton {
        display: inline-flex;
    }
    .yyui-menu {
        z-index: 99;
        position: fixed;
        width: 300px;
        box-shadow: @shadow-2;
        border-radius: 8px;
    }
    .yyui-dropdownbutton {
        margin-right: 6px;
        margin-top: 6px;
    }
    .yyui-select {
        display: inline-block;
        .ant-select {
            font-size: 12px;
            margin-right: 6px;
            margin-top: 6px;
        }
    }
    .yyui-table {
        .ant-table table{
            width: auto;
        }
        .ant-select-selection__placeholder{color:@placeholder-color;opacity:1;}
        /* webkit 浏览器*/
        input::-webkit-input-placeholder {color:@placeholder-color;opacity:1;}
        /* IE 浏览器*/
        input:-ms-input-placeholder {color:@placeholder-color;opacity:1;}
        /* 火狐浏览器 */
        input::-moz-placeholder {color:@placeholder-color;opacity:1;}
    }
}

.yyui-search{
    display: inline-block;
    position: relative;
    height: 28px;
    .yyui-input{  // 修复清除按钮错位问题
        &:hover{
            .yyui-input-clear{
                right:50px;
            }
        }  
    }
    .yyui-button.ant-btn{
        margin: 0;
        position: absolute;
        min-width: 44px;
        top:0px;
        right: 0px;
        height: 100%;
        z-index: 2;
        -webkit-border-radius:0 3px 3px 0;
        -moz-border-radius:0 3px 3px 0;
        -ms-border-radius:0 3px 3px 0;
        -o-border-radius:0 3px 3px 0;
        border-radius:0 3px 3px 0;
    }
}
.ant-form-item-control .yyui-search{
    .yyui-button.ant-btn{
        margin: 3px 0 0 0;
    }
}
.ant-form-inline .yyui-search{
    display: inline-block;
    .yyui-button.ant-btn{
        margin: 3px 0 0 0;
    }
}