// (C) 2019-2021 GoodData Corporation
$gdc-goodstrap-basepath: "~@gooddata/goodstrap/lib/";

@import "./_settings.scss";
@import "~@gooddata/goodstrap/lib/core/styles/typo-mixins.scss";
@import "~@gooddata/goodstrap/lib/core/styles/Overlay.scss";
@import "~@gooddata/goodstrap/lib/Form/styles/Form.scss";
@import "~@gooddata/goodstrap/lib/Form/styles/mixins.scss";
@import "~@gooddata/goodstrap/lib/core/styles/SVGIcons.scss";

$dialog_width: 250px;

.gd-mvf-dropdown-body {
    width: $dialog_width;

    .gd-mvf-dropdown-section {
        padding: 10px 10px 0;

        .gd-mvf-warning-message {
            font-size: 12px;
            padding: 4px 8px 4px 10px;
            line-height: 1.4em;
            color: $gd-color-warning-text;
            background: transparentize($gd-color-warning, 0.85);
            border-radius: 3px;
            font-family: $gd-font-primary;
            margin-top: 4px;
        }

        .gd-mvf-treat-null-values-as-zero {
            margin-top: 8px;
            font-size: 12px;

            .inlineBubbleHelp {
                margin: 0 0 2px 5px;
                font-size: 12px;
            }
        }

        &:last-child {
            padding-bottom: 10px;
        }
    }

    .gd-mvf-dropdown-footer {
        margin: 0 10px;
        padding: 10px 0;
        border-top: 1px solid $gd-border-color;
        text-align: right;
    }
}

.gd-mvf-operator-dropdown-button {
    width: 100%;
}

.gd-mvf-operator-dropdown-body {
    width: $dialog_width - 20px;
    padding: 5px 0;

    .gd-list-item {
        padding: 5px 10px;

        & > span {
            margin-left: 5px;
        }

        & > .tooltip-bubble {
            margin-right: 5px;
            text-align: right;
        }
    }
}

.gd-mvf-range-input {
    display: flex;

    &.hidden {
        display: none;
    }

    .gd-input {
        flex: auto;

        &:last-child {
            padding-left: 10px;
        }
    }
}

.gd-mvf-compare-input {
    &.hidden {
        display: none;
    }
}