<commit_before>// Imports
@import "variables";
@import "mixins";

// Variables
$playlist-editor-main-background-color: $xibo-color-white;
$playlist-editor-main-fb-color: $xibo-color-black;
$playlist-editor-min-content-height: 40vh;
$playlist-editor-max-content-height: 65vh;

$playlist-editor-widget-bg-color: $xibo-color-white;
$playlist-editor-widget-fg-color:$xibo-color-black;
$playlist-editor-widget-fg-color2: $xibo-color-gray-dark;
$playlist-editor-widget-selected-color: $xibo-color-green;
$playlist-editor-widget-multi-selected-color: lighten($xibo-color-purple, 20%);
$playlist-editor-widget-hover-bg-color: lighten($xibo-color-green, 20%);
$playlist-editor-widget-border-color: $xibo-color-gray-dark;
$playlist-editor-playlist-hover-color-color: lighten($xibo-color-primary, 20%);

$playlist-editor-z-index-background: 1011;
$playlist-editor-z-index-overlay: 1012;
$playlist-editor-z-index-select: 1013;

$playlist-editor-timeline-fg-color: $xibo-color-primary;

$playlist-editor-unsuccess-message-bg-color: $xibo-color-red;

// CSS
.editor-modal {
    display: block;
    z-index: $playlist-editor-z-index-background;
    overflow: auto;
    @include set-transparent-color(background, $xibo-color-black, 0.6);

    &.toolbar-opened {
        margin-left: 350px;
    }

    .editor-modal-content {
        background: $playlist-editor-main-background-color;
        margin-bottom: 60px;
    }

    .editor-modal-body {
        padding: 15px 0 0 0;
    }

    .editor-modal-title {
        line-height: 1;
        font-weight: bold;
        color: $playlist-editor-main-fb-color;
    }
}

// Bootbox custom dialogs
.second-dialog {
    z-index:  3100;

    & + .in.modal-backdrop {
        z-index:  3000;
    }

    & ~ .select2-container.select2-container--open {
        z-index:  3200;
    }
}<commit_msg>Playlist Editor: Re-centre main modal when toolbar content is opened fixes xibosignage/xibo#2855<commit_after>// Imports
@import "variables";
@import "mixins";

// Variables
$playlist-editor-main-background-color: $xibo-color-white;
$playlist-editor-main-fb-color: $xibo-color-black;
$playlist-editor-min-content-height: 40vh;
$playlist-editor-max-content-height: 65vh;

$playlist-editor-widget-bg-color: $xibo-color-white;
$playlist-editor-widget-fg-color:$xibo-color-black;
$playlist-editor-widget-fg-color2: $xibo-color-gray-dark;
$playlist-editor-widget-selected-color: $xibo-color-green;
$playlist-editor-widget-multi-selected-color: lighten($xibo-color-purple, 20%);
$playlist-editor-widget-hover-bg-color: lighten($xibo-color-green, 20%);
$playlist-editor-widget-border-color: $xibo-color-gray-dark;
$playlist-editor-playlist-hover-color-color: lighten($xibo-color-primary, 20%);

$playlist-editor-z-index-background: 1011;
$playlist-editor-z-index-overlay: 1012;
$playlist-editor-z-index-select: 1013;

$playlist-editor-timeline-fg-color: $xibo-color-primary;

$playlist-editor-unsuccess-message-bg-color: $xibo-color-red;

// CSS
.editor-modal {
    display: block;
    z-index: $playlist-editor-z-index-background;
    overflow: auto;
    @include set-transparent-color(background, $xibo-color-black, 0.6);

    &.toolbar-opened {
        padding-left: 410px;
    }

    .editor-modal-content {
        background: $playlist-editor-main-background-color;
        margin-bottom: 60px;
    }

    .editor-modal-body {
        padding: 15px 0 0 0;
    }

    .editor-modal-title {
        line-height: 1;
        font-weight: bold;
        color: $playlist-editor-main-fb-color;
    }
}

// Bootbox custom dialogs
.second-dialog {
    z-index:  3100;

    & + .in.modal-backdrop {
        z-index:  3000;
    }

    & ~ .select2-container.select2-container--open {
        z-index:  3200;
    }
}
{'fraction_non_alphanumeric': 0.16120365394948952, 'fraction_numerical': 0.027941966684578184, 'mean_word_length': 3.3492990654205608, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '5505480', 'n_tokens_mistral': 1486, 'n_tokens_neox': 1349, 'n_words': 187}