<commit_before>@import '../../core/css/variables.scss';
@import '../../core/css/mixins.scss';
@import 'variables.scss';
@import 'mixins.scss';

.iqss-slideshowedit-main {
    height: 100%;
}

.iqss-slideshowedit-header-title {
    color: $blue-color;
}

.iqss-slideshowedit-header-title-bottom-line {
    background: $blue-color;
    height: 1px;
    margin: 0;
    border: none;
    width: 200px;
    margin-top: -5px;
}

.iqss-slideshowedit-saveLink {
    background: url(../../../modules/core/img/save.svg) left center no-repeat;
    @include slideshowsHeaderAction;
    cursor: pointer;
}

.iqss-slideshowedit-previewLink {
    background: url(../../../modules/core/img/play%20button.svg) left center no-repeat;
    @include slideshowsHeaderAction;
}

.iqss-slideshowedit-error {
    padding-left: $header-padding-left;
    padding-right: $header-padding-left;
}

.iqss-slideshowedit-content {
    padding-top: $page-header-content-padding;
    padding-left: $header-padding-left;
    padding-right: $header-padding-left;
    margin-bottom: $footer-height + 5px;
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
}

.iqss-slideshowedit-form {
    height: 100%;
}

.iqss-slideshowedit-emptyColumn {
    flex: 0.2 0.2;
    background-color: $dark-grey-color;
}

.iqss-slideshowedit-slides {
    display: inline-block;
    flex: 1 1;
    @include border;
    background: white;
    width: 20%;
}

.iqss-slideshowedit-data {
    display: inline-block;
    flex: 2 1;
    @include border;
    background: white;
    width: 40%;
}

.iqss-slideshowedit-preview {
    display: inline-block;
    flex: 3 1;
    @include border;
    width: 33%;
    max-height: 100%;
    overflow: hidden;
}

.iqss-slideshowedit-slides-addNew-container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: $font-size + 20;
    padding: $slideshow-edit-slide-leftRightPadding $slideshow-edit-slide-leftRightPadding;
}

.iqss-slideshowedit-slides-addNew {
    background: url(../../../modules/core/img/add-slide.svg) left center no-repeat;
    line-height: $font-size + 2;
    height: $font-size + 2;
    color: $blue-color;
    padding-left: 30px;
    cursor: pointer;
}

.iqss-slideshowedit-addNewSlide {
    width: 50%;
    @include dynamicallyAlingCenter;
}

.iqss-slideshowedit-addNewSlide-container {
    margin: 10px;
}

.iqss-slideshowedit-addNewSlide-selectTemplate-container {
    margin: 10px;
}

.iqss-slideshowedit-addNewSlide-selectFromBluerprints-search hr {
    top: 56px;
}

.iqss-slideshowedit-addNewSlide-selectFromBluerprints-list {
    display: flex;
}

.iqss-slideshowedit-addNewSlide-selectFromBluerprints-blueprint-container {
    cursor: pointer;
    width: 33%;
}

.iqss-slideshowedit-addNewSlide-selectFromBluerprints-blueprint {
    height:140px;
    width:100%;
}

.iqss-slideshowedit-slide-hidden {
    background-color: #EEEEEE;
    opacity: 0.5;
    width: 100%;
}

.iqss-slideshowedit-slide-current {
    border: 1px solid $very-dark-grey-color;
    width: 100%;
}

.iqss-slideshowedit-slide-readyToReceiveDrop {
    border: 1px dashed $orange-color;
}

.iqss-slideshowedit-slide-container {
    display: flex;
    flex-direction: column;
}

.iqss-slideshowedit-slide-actions {
    display: flex;
    height: 25px;
    line-height: 25px;
    padding: 0 $slideshow-edit-slide-leftRightPadding;
    border-top: 1px solid $darker-grey-color;
}

.iqss-slideshowedit-slide-actions-index {
    width: $slideshow-edit-slide-indexWidth;
}

.iqss-slideshowedit-slide-actions-index-selected {
    color: $orange-color;
}

.iqss-slideshowedit-slide-actions-title {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding: 0 5px;
    flex: 1;
    font-size: $small-font-size;
}

@mixin slideAction($backgroundImgPath) {
    background: url($backgroundImgPath) left center no-repeat;
    width: 16px;
    height: 16px;
    cursor: pointer;
}

.iqss-slideshowedit-slide-actions-saveToBlueprints {
    @include slideAction('../../../modules/core/img/save_in_repo.svg')
}

.iqss-slideshowedit-slide-actions-delete {
    @include slideAction('../../../modules/core/img/delete.svg')
}

.iqss-slideshowedit-slide-preview {
    padding: 0 $slideshow-edit-slide-indexWidth + $slideshow-edit-slide-leftRightPadding;
    width: 213px;
    height: 130px;
    display: inline-block;
    overflow: hidden;
}

.iqss-slideshowedit-data .nav > li > a {
    padding-left: $slideshow-edit-slide-data-tab-padding;
    padding-right: $slideshow-edit-slide-data-tab-padding;
}

.iqss-slideshowedit-data-tab {
    padding: $slideshow-edit-slide-data-tab-padding;
    display: flex;
    flex-flow: column;
}

.iqss-slideshowedit-data .ui-select-container {
    @include formControl;
    width: $form-controls-width !important;
}

.iqss-slideshowedit-data span.ui-select-match:first-of-type {
    margin-left: $form-controls-padding-left;
}

.iqss-slideshowedit-data .ui-select-container input[type='text'] {
    padding-left: 0;
}

.iqss-slideshowedit-data .ui-select-container * {
    font-size: $font-size;
    color: $very-dark-grey-color;
}

.iqss-slideshowedit-data .ui-select-match-item {
    border: 1px solid $dark-grey-color;
    border-radius: 0px;
}

.iqss-slideshowedit-data .ui-slider {
    margin-top: 3px;
    width: $form-controls-width;
}

.iqss-slideshowedit-slideInfo-actions {
    width: 100%;
    padding-left: 20px;
    margin-top: 20px;
}

.iqss-slideshowedit-data-tab .ta-toolbar {
    background-color: $dark-grey-color;
    margin: 0;
    padding: 2px;
}

.iqss-slideshowedit-data-tab .btn-group {
    margin: 0;
}

.iqss-slideshowedit-data-tab .btn-group .btn{
    font-size: $font-size;
    border-radius: 0;
}


.iqss-slideshowedit-data-tab .btn-group button {
    width: 24px;
    height: 24px;
}

<commit_msg>fixed height for slide preview - later the ratio will be defined by user<commit_after>@import '../../core/css/variables.scss';
@import '../../core/css/mixins.scss';
@import 'variables.scss';
@import 'mixins.scss';

.iqss-slideshowedit-main {
    height: 100%;
}

.iqss-slideshowedit-header-title {
    color: $blue-color;
}

.iqss-slideshowedit-header-title-bottom-line {
    background: $blue-color;
    height: 1px;
    margin: 0;
    border: none;
    width: 200px;
    margin-top: -5px;
}

.iqss-slideshowedit-saveLink {
    background: url(../../../modules/core/img/save.svg) left center no-repeat;
    @include slideshowsHeaderAction;
    cursor: pointer;
}

.iqss-slideshowedit-previewLink {
    background: url(../../../modules/core/img/play%20button.svg) left center no-repeat;
    @include slideshowsHeaderAction;
}

.iqss-slideshowedit-error {
    padding-left: $header-padding-left;
    padding-right: $header-padding-left;
}

.iqss-slideshowedit-content {
    padding-top: $page-header-content-padding;
    padding-left: $header-padding-left;
    padding-right: $header-padding-left;
    margin-bottom: $footer-height + 5px;
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
}

.iqss-slideshowedit-form {
    height: 100%;
}

.iqss-slideshowedit-emptyColumn {
    flex: 0.2 0.2;
    background-color: $dark-grey-color;
}

.iqss-slideshowedit-slides {
    display: inline-block;
    flex: 1 1;
    @include border;
    background: white;
    width: 20%;
}

.iqss-slideshowedit-data {
    display: inline-block;
    flex: 2 1;
    @include border;
    background: white;
    width: 40%;
}

.iqss-slideshowedit-preview {
    display: inline-block;
    flex: 3 1;
    @include border;
    width: 33%;
    max-height: 350px;
    overflow: hidden;
}

.iqss-slideshowedit-slides-addNew-container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: $font-size + 20;
    padding: $slideshow-edit-slide-leftRightPadding $slideshow-edit-slide-leftRightPadding;
}

.iqss-slideshowedit-slides-addNew {
    background: url(../../../modules/core/img/add-slide.svg) left center no-repeat;
    line-height: $font-size + 2;
    height: $font-size + 2;
    color: $blue-color;
    padding-left: 30px;
    cursor: pointer;
}

.iqss-slideshowedit-addNewSlide {
    width: 50%;
    @include dynamicallyAlingCenter;
}

.iqss-slideshowedit-addNewSlide-container {
    margin: 10px;
}

.iqss-slideshowedit-addNewSlide-selectTemplate-container {
    margin: 10px;
}

.iqss-slideshowedit-addNewSlide-selectFromBluerprints-search hr {
    top: 56px;
}

.iqss-slideshowedit-addNewSlide-selectFromBluerprints-list {
    display: flex;
}

.iqss-slideshowedit-addNewSlide-selectFromBluerprints-blueprint-container {
    cursor: pointer;
    width: 33%;
}

.iqss-slideshowedit-addNewSlide-selectFromBluerprints-blueprint {
    height:140px;
    width:100%;
}

.iqss-slideshowedit-slide-hidden {
    background-color: #EEEEEE;
    opacity: 0.5;
    width: 100%;
}

.iqss-slideshowedit-slide-current {
    border: 1px solid $very-dark-grey-color;
    width: 100%;
}

.iqss-slideshowedit-slide-readyToReceiveDrop {
    border: 1px dashed $orange-color;
}

.iqss-slideshowedit-slide-container {
    display: flex;
    flex-direction: column;
}

.iqss-slideshowedit-slide-actions {
    display: flex;
    height: 25px;
    line-height: 25px;
    padding: 0 $slideshow-edit-slide-leftRightPadding;
    border-top: 1px solid $darker-grey-color;
}

.iqss-slideshowedit-slide-actions-index {
    width: $slideshow-edit-slide-indexWidth;
}

.iqss-slideshowedit-slide-actions-index-selected {
    color: $orange-color;
}

.iqss-slideshowedit-slide-actions-title {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding: 0 5px;
    flex: 1;
    font-size: $small-font-size;
}

@mixin slideAction($backgroundImgPath) {
    background: url($backgroundImgPath) left center no-repeat;
    width: 16px;
    height: 16px;
    cursor: pointer;
}

.iqss-slideshowedit-slide-actions-saveToBlueprints {
    @include slideAction('../../../modules/core/img/save_in_repo.svg')
}

.iqss-slideshowedit-slide-actions-delete {
    @include slideAction('../../../modules/core/img/delete.svg')
}

.iqss-slideshowedit-slide-preview {
    padding: 0 $slideshow-edit-slide-indexWidth + $slideshow-edit-slide-leftRightPadding;
    width: 213px;
    height: 130px;
    display: inline-block;
    overflow: hidden;
}

.iqss-slideshowedit-data .nav > li > a {
    padding-left: $slideshow-edit-slide-data-tab-padding;
    padding-right: $slideshow-edit-slide-data-tab-padding;
}

.iqss-slideshowedit-data-tab {
    padding: $slideshow-edit-slide-data-tab-padding;
    display: flex;
    flex-flow: column;
}

.iqss-slideshowedit-data .ui-select-container {
    @include formControl;
    width: $form-controls-width !important;
}

.iqss-slideshowedit-data span.ui-select-match:first-of-type {
    margin-left: $form-controls-padding-left;
}

.iqss-slideshowedit-data .ui-select-container input[type='text'] {
    padding-left: 0;
}

.iqss-slideshowedit-data .ui-select-container * {
    font-size: $font-size;
    color: $very-dark-grey-color;
}

.iqss-slideshowedit-data .ui-select-match-item {
    border: 1px solid $dark-grey-color;
    border-radius: 0px;
}

.iqss-slideshowedit-data .ui-slider {
    margin-top: 3px;
    width: $form-controls-width;
}

.iqss-slideshowedit-slideInfo-actions {
    width: 100%;
    padding-left: 20px;
    margin-top: 20px;
}

.iqss-slideshowedit-data-tab .ta-toolbar {
    background-color: $dark-grey-color;
    margin: 0;
    padding: 2px;
}

.iqss-slideshowedit-data-tab .btn-group {
    margin: 0;
}

.iqss-slideshowedit-data-tab .btn-group .btn{
    font-size: $font-size;
    border-radius: 0;
}


.iqss-slideshowedit-data-tab .btn-group button {
    width: 24px;
    height: 24px;
}


{'fraction_non_alphanumeric': 0.14633727912163322, 'fraction_numerical': 0.018013381369016986, 'mean_word_length': 3.1713774597495528, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 7, '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': '7583639', 'n_tokens_mistral': 4551, 'n_tokens_neox': 4337, 'n_words': 700}