_legacy.scss

//
// bootstrap v3 -> v5-beta-1 update
//
// known open todos:
//
// forms module
//      - missing progress bar styling (create new form layer) + cancel btn position
//      - Step 2 "create new form layer" not working (JS loading spinner)
//
// Info module
//      - "Pagetree overview": wrong table thead background color
//      - "Page TSConfig" select + "Sort alphabetically" checkbox styling
//
// Backend Users module
//      - table missing bottom footer divider line
//
// DB Check module
//      - Full search -> Advanced query -> fix form layouts

// Form control sizing
//
// Relative text size, padding, and border-radii changes for form controls. For
// horizontal sizing, wrap controls in the predefined grid classes. `<select>`
// element gets special love because it's special, and that's a fact!
// [converter] $parent hack
@mixin input-size($parent, $input-height, $padding-vertical, $padding-horizontal, $font-size, $line-height, $border-radius) {
    #{$parent} {
        height: $input-height;
        padding: $padding-vertical $padding-horizontal;
        font-size: $font-size;
        line-height: $line-height;
        border-radius: $border-radius;
    }

    select#{$parent} {
        height: $input-height;
        line-height: $input-height;
    }

    textarea#{$parent},
    select[multiple]#{$parent} {
        height: auto;
    }
}

// Form validation states
//
// Used in forms.less to generate the form validation CSS for warnings, errors,
// and successes.

@mixin form-control-validation($text-color: #555, $border-color: #ccc, $background-color: #f5f5f5) {
    // Set the border and box shadow on specific inputs to match
    .form-control {
        border-color: $border-color;

        @include box-shadow(inset 0 1px 1px rgba(0, 0, 0, .075)); // Redeclare so transitions work
        &:focus {
            border-color: darken($border-color, 10%);
            $shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px lighten($border-color, 20%);

            @include box-shadow($shadow);
        }
    }
    // Set validation states also for addons
    .input-group-text {
        color: $text-color;
        background-color: $background-color;
        border-color: $border-color;
    }
}

// Variables
$line-height-computed: floor(($font-size-base * $line-height-base)) !default; // ~20px
$input-height-base: ($line-height-computed + ($padding-base-vertical * 2) + 2) !default;

.hidden,
.hide {
    display: none !important;
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .125rem;
    vertical-align: middle;
    border-top: .25rem dashed $gray-700;
    border-right: .25rem solid transparent;
    border-left: .25rem solid transparent;
}

// nav fallback
// todo add ".nav-item" and ".nav-link" classes to markup
.nav.nav-tabs {
    > li:not(.nav-item) {
        @extend .nav-item !optional;

        > a:not(.nav-link) {
            @extend .nav-link !optional;
        }
    }
}

.page-header {
    padding: .625rem 1rem;
    margin: 2rem 0 1rem;
    border-bottom: 1px solid $gray-700;
}

.modal-backdrop.in {
    opacity: .5;
}

div.typo3-newRecordLink,
div.typo3-localizationLink,
div.typo3-synchronizationLink {
    display: inline;
}