acud/es/form/style/en.less

acg react 组件库

@import './index';
body.locale-en {
    .@{form-prefix-cls} {
        .@{form-item-prefix-cls} {
            .@{form-item-prefix-cls}-label-ellipsed {
                display: inline-block;
            }

            .@{form-item-prefix-cls}-label {
                padding-top: 8px;
                line-height: normal;

                > label {
                    height: auto;
                    line-height: 16px;

                    &::before {
                        position: absolute;
                        top: 4px;
                    }

                    &::after {
                        display: none;
                    }

                    &.@{form-item-prefix-cls}-no-colon {
                        &::after {
                            display: none;
                        }
                        .@{form-item-prefix-cls}-label-content-opt-not-ellipsed {
                            &::before {
                                display: none;
                            }
                        }
                    }

                    .acudicon-outlined-question-circle {
                        &::before {
                            display: none;
                        }
                    }
                }

                .@{form-item-prefix-cls}-label-content {
                    display: -webkit-box;
                    max-width: 160px;
                    max-height: 32px;
                    overflow: hidden;
                    white-space: normal;
                    text-align: left;
                    text-overflow: ellipsis;
                    -webkit-line-clamp: 2;
                    -webkit-box-orient: vertical;
                    > * {
                        display: inline-block;
                    }
                    .@{form-item-prefix-cls}-label-content-opt-ellipsed {
                        position: absolute;
                        right: -10px;
                        bottom: 0;
                        &::after {
                            display: none;
                        }
                    }

                    .@{form-item-prefix-cls}-label-content-opt-not-ellipsed {
                        &::before {
                            content: ':';
                        }
                    }
                }
            }
        }
    }
}