Your IP : 216.73.216.43


Current Path : /home/rtorresani/www/app/code/Amasty/ImportCore/view/adminhtml/web/css/source/
Upload File :
Current File : //home/rtorresani/www/app/code/Amasty/ImportCore/view/adminhtml/web/css/source/_module.less

@import "module/_codemirror";

//
//  Import Core
//  ____________________________________________

@amimportcore-reset-icon__background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMCAuNzc1TDkuMjI0IDAgNSA0LjIyNS43NzYgMCAwIC43NzUgNC4yMjUgNSAwIDkuMjI1Ljc3NiAxMCA1IDUuNzc1IDkuMjI0IDEwIDEwIDkuMjI1IDUuNzc1IDUgMTAgLjc3NXoiIGZpbGw9IiNCODM4NTEiLz48L3N2Zz4=');
@amimportcore-delete-icon__background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03LjE0OCAyMmg5LjczMmwxLjIyMy0xMS45NDRINS45OEw3LjE1IDIyem03LjU4NS0xNy4wM1YyLjY4M2MwLS4zNzctLjI5Mi0uNjgyLS42NTItLjY4Mkg5Ljk0OGMtLjM2IDAtLjY1MS4zMDYtLjY1MS42ODJ2Mi4yNTFBMTguMjU3IDE4LjI1NyAwIDAwNSA1Ljk2MXYyLjEwMmgxNFY1LjkwNXMtMS43MDktLjYxNi00LjI2OC0uOTM0aC4wMDF6bS0xLjI5OS0uMTI1YTIyLjQ4IDIyLjQ4IDAgMDAtMi45MDctLjAyVjMuNjJjMC0uMTg4LjE0My0uMzQuMzI0LS4zNGgyLjI1NmMuMTgyIDAgLjMyNy4xNTIuMzI3LjM0djEuMjI2eiIgZmlsbD0iIzVBNTU1MiIvPjwvc3ZnPg==');
@amimportcore-table__background: #f6f6f6;
@amimportcore-border__color: #adadad;

//
//  Common
//  ----------------------------------------------

& when (@media-common = true) {
    .amimportcore-dynamic-rows {
        // Override magento styles start
        & {
            margin-top: 0!important;
        }

        & > .admin__field-label {
            margin-bottom: 20px!important;
            font-size: 20px!important;
        }

        .amimportcore-remove .action-delete:before {
            position: absolute;
            top: 18px;
            right: 30px;
            width: 15px;
            height: 20px;
            background: @amimportcore-delete-icon__background no-repeat center;
            content: '';
        }

        th._no-header {
            font-weight: 600;
            color: #444444;
            padding: 13px 1rem;
            border-bottom: 5px solid #fff;
        }

        td.-amwidth30 {
            width: 30%;
        }

        td.amimportcore-filter {
            padding: 13px 1rem;
            border-bottom: 5px solid #fff;
        }

        td.amwidth40px {
            width: 40px;
            border-bottom: 5px solid #fff;
        }

        td.-amwidth30 .admin__control-select,
        td.-amwidth30 .admin__control-multiselect {
            width: 100%;
        }

        .admin__control-table-wrapper .admin__action-multiselect-wrap .action-menu {
            z-index: 10;
        }

        // Override magento styles end

        .amimportcore-remove {
            position: relative;
            text-align: right;
        }
    }

    .amimportcore-fields-table {
        & {
            width: 100%;
        }

        .amimportcore-row {
            padding: 3px 10px;
            border-bottom: 5px solid #fff;
        }

        .amimportcore-td {
            padding: 7px 10px;
            background: #f1f1f1;
            color: #403630;
            font-weight: 600;
            font-size: 16px;
        }

        .amimportcore-td.-checkbox {
            width: 35px;
        }

        .amimportcore-td.-button {
            text-align: right;
        }

        .amimportcore-td.-button .amimportcore-td {
            padding-left: 15px;
        }

        .amimportcore-td.-button .amimportcore-button {
            padding: 5px 31px;
        }

        .amimportcore-modifiers-container {
            display: flex;
        }

        .amimportcore-modifiers-container .amimportcore-field + .amimportcore-field {
            margin-left: 15px;
        }

        .amimportcore-delete {
            margin-right: 30px;
            padding: 10px;
            width: 6px;
            height: 30px;
            background: @amimportcore-delete-icon__background no-repeat center;
            cursor: pointer;
        }
    }

    .amimportcore-fields-table .amimportcore-thead.-search {
        .amimportcore-row {
            background: #e3e3e3;
        }

        .amimportcore-th {
            padding: 6px 10px;
            text-align: left;
        }

        .amimportcore-th.-button {
            max-width: 120px;
            width: 120px;
            text-align: right;
        }

        .amimportcore-th.-button .action-primary {
            padding: 5px 19px;
            font-size: 16px;
        }
    }

    .amimportcore-fields-table.-selected {
        & {
            margin-top: 20px;
            background: @amimportcore-table__background;
        }

        .amimportcore-thead .amimportcore-row {
            text-align: left;
        }

        .amimportcore-row {
            border-bottom: none;
        }

        .amimportcore-thead {
            display: table;
            width: 100%;
            table-layout: fixed;
        }

        .amimportcore-th {
            padding: 15px 0 15px 15px;
            color: #444;
            font-weight: 600;
        }

        .amimportcore-td {
            padding: 20px 0 20px 15px;
            background: @amimportcore-table__background;
        }

        .amimportcore-td.-modifier .amimportcore-button {
            padding: 6px 5px;
            width: 134px;
        }

        .amimportcore-td.-button,
        .amimportcore-th.-button {
            width: 65px;
        }

        .amimportcore-th.-button {
            position: relative;
        }

        .amimportcore-th .amimportcore-label {
            position: absolute;
            top: ~'calc(50% - 10px)';
            right: 20px;
        }

        .amimportcore-td.-modifier,
        .amimportcore-th.-modifier {
            width: 149px;
        }

        .amimportcore-td.-name,
        .amimportcore-th.-name {
            width: 30%;
        }

        .amimportcore-field {
            padding: 5px 8px;
            width: 100%;
            border: 1px solid @amimportcore-border__color;
            border-radius: 1px;
            font-weight: 400;
            font-size: 14px;
        }

        .amimportcore-field::placeholder {
            color: #ccc;
        }

        .amimportcore-field.-disabled {
            box-sizing: border-box;
            background: @amimportcore-table__background;
            color: @amimportcore-border__color;
        }

        .amimportcore-field.admin__control-select {
            padding-right: 32px;
        }
    }

    .amimportcore-fields-container {
        margin-top: 30px;
        background: #f1f1f1;
    }

    .amimportcore-fields-container {
        .amimportcore-header {
            display: flex;
            margin-bottom: 5px;
            background: #f1f1f1;
        }

        .amimportcore-title {
            display: block;
            padding: 15px;
            width: 100%;
            font-weight: 700;
        }

        .amimportcore-title.-button {
            padding: 0 25px;
        }
    }

    .amimportcore-button-container {
        margin-bottom: 30px;
        padding: 30px;
        background: @amimportcore-table__background;
    }

    .amimportcore-button:active,
    .amimportcore-button {
        border-color: @amimportcore-border__color;
        background: #e3e3e3;
        box-shadow: none;
        color: #514943;
        text-shadow: none;
    }

    .amimportcore-button:hover {
        background-color: #dbdbdb;
        box-shadow: none;
        color: #514943;
    }

    .amimportcore-button-margin {
        margin-bottom: 30px;
    }

    .amimportcore-flex-container {
        display: flex;
        justify-content: space-between;
        margin-bottom: 20px;
    }

    .amimportcore-search-container {
        .amimportcore-search {
            padding: 5px 25px 5px 10px;
            min-width: 250px;
            width: 100%;
            border: 1px solid #ccc;
            font-weight: 400;
        }

        .amimportcore-reset.-hidden {
            display: none;
        }

        .amimportcore-reset {
            position: absolute;
            right: 5px;
            width: 20px;
            height: 32px;
            background: @amimportcore-reset-icon__background no-repeat center;
        }
    }

    .amimportcore-search-input {
        position: relative;
    }

    .amimportcore-fieldset > .admin__fieldset-wrapper-content > .admin__fieldset {
        padding-top: 0;
    }

    .amimportcore-modal-fields {
        .modal-header .page-main-actions {
            background: #fff;
            border: none;
        }

        .modal-title {
            font-size: 30px;
        }
    }

    .amimportpro-importjob-edit,
    .amimport-import-index,
    .amorderimport-profile-edit,
    .amproductimport-profile-edit,
    .amcustomerimport-profile-edit {
        .amimportcore-button.-brown:hover {
            background-color: #7b776b;
        }

        .amimportcore-button.-brown {
            border-radius: 3px;
            background-color: #605d56;
            color: #fff;
            font-weight: 400;
            transition: background-color .3s ease-in;
        }

        .amimportcore-button.-light:hover {
            background-color: #dbdbdb;
        }

        .amimportcore-button.-light {
            box-sizing: border-box;
            border-radius: 3px;
            background-color: @amimportcore-table__background;
            transition: background-color .3s ease-in;
        }
    }

    .amorderimport-profile-edit,
    .amproductimport-profile-edit,
    .amcustomerimport-profile-edit {
        .amimportcore-field .admin__control-select,
        .amimportcore-fieldset .admin__control-select,
        .amimportcore-fieldset ul.ui-widget,
        .amimportcore-textarea .admin__control-textarea,
        .amcron-select .admin__control-select {
            width: ~'calc(100% - 45px - 4px)';
        }

        .amcron-schedule-container .admin__field-control .admin__control-text {
            width: 100%;
        }

        .admin__fieldset .amimportcore-button.-margin:not(:first-of-type) {
            margin-left: 15px;
        }

        .admin__fieldset > .amimportcore-filters-fieldset {
            margin-top: -20px;
        }

        .amimportcore-filters-fieldset .amimportcore-filters-notice {
            margin: 0;
        }

        .amimportcore-filters-fieldset .admin__fieldset-wrapper-content .admin__fieldset {
            padding-top: 0;
        }
    }

    .amimportpro-importjob-edit,
    .amimport-import-index {
        .amimportcore-fields-table.-selected .amimportcore-td.-name,
        .amimportcore-fields-table.-selected .amimportcore-th.-name {
            width: 30%;
        }

        .admin__fieldset {
            .admin__fieldset {
                padding: 0;
            }
        }

        .amimportcore-fieldset {
            > .admin__fieldset-wrapper-content {
                > .admin__fieldset {
                    padding-top: 3rem;
                }
            }
        }
    }

    .amimportpro-importjob-edit {
        .amimportcore-fieldset .admin__control-select {
            width: 100%;
        }
    }

    .amimportcore-fieldset ul.ui-widget {
        & {
            margin-bottom: 0;
            border: 1px solid @amimportcore-border__color;
        }

        .tagit-new {
            margin: 0;
        }
    }

    .amimportcore-checkbox,
    .amimportcore-fieldset-container {
        .admin__field-tooltip .admin__field-tooltip-content {
            width: 45vw;
        }

        .fieldset-wrapper-title .title {
            font-size: 2rem;
            font-weight: 400;
        }
    }

    .amimportcore-template-type .admin__fieldset,
    .amimportcore-compress-file .admin__fieldset {
        padding-top: 0;
    }

    .amimportcore-tooltip .admin__field-tooltip-content {
        & {
            top: 40px;
            bottom: inherit;
            width: 45vw;
        }

        &:after,
        &:before {
            top: -32px;
            transform: rotate(180deg);
        }

        &:after {
            margin-top: 1px;
        }
    }

    .amimport-import-index .amimportcore-checkbox.-type .amimportcore-tooltip .admin__field-tooltip-content {
        & {
            left: -14px;
        }

        &:after,
        &:before {
            left: 10px;
        }
    }
}

//
//  Desktop +
//  --------------------------------------------

.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__xl) {
    // Override magento styles start
    .amimportcore-modal-fields {
        left: 50%;
    }
    // Override magento styles end

    .amimportcore-dynamic-rows {
        td.amimportcore-filter {
            width: 32%;
        }
    }
    .amimportcore-dynamic-rows {
        &._empty {
            margin-bottom: 0;
        }
    }
}