@import "webstatic:/static/global.less";

// Branch Diagram SVG dimensions
@branch-diagram-image-width: 157px;
@branch-diagram-image-height: 50px;

.branch-creation-form {

    .base-repository-selector-trigger {
        @max-button-width: 350px;
        @separator-width: 10px;

        margin-bottom: 0;
        max-width: @max-button-width;

        .name,
        .project-name {
            .text-overflow();
            max-width: (
                @max-button-width -
                (@dropdown-arrow-width + @baseSpacing + @halfSpacing) -
                @baseSpacing - @separator-width -
                (@aui-avatar-size-xsmall + @halfSpacing)
            ) / 2;
        }
    }

    .repository-spinner {
        .square(@icon-size-xsmall);
        margin-left: @halfSpacing;
        display: inline-block;
        vertical-align: text-bottom;
    }

    #branch-type {
        font-weight: bold;
    }

    .branch-name-prefix {
        .border-top-left-radius();
        .border-bottom-left-radius();
        .text-overflow();
        display: inline-block;
        background-color: @feintGreyColor;
        line-height: 1.4285714285714; // 20px / 14
        padding: 4px @baseSpacing;
        max-width: 140px;
        border: 1px solid @dividerColor;
        vertical-align: bottom; // For firefox
    }

    .branch-name-prefix + .branch-name {
        .border-top-left-radius(0);
        .border-bottom-left-radius(0);
    }

    // hide the (x) clear button on IE10, related to STASHDEV-4536, AUI-1664
    .branch-name::-ms-clear {
        display: none;
    }

    .branch-creation-diagram-container {
        margin: @doubleSpacing 0;
        border-top: 1px solid @dividerColor;
    }

    .buttons {
        > .submit-spinner {
            margin: 0 @baseSpacing 0 -(@icon-size-xxsmall + @baseSpacing); // to align it with the other form fields
            vertical-align: middle;
        }

        > .aui-button {
            vertical-align: middle;
        }
    }

}
