_rules-temp.less 2.09 KB
Newer Older
Ketan's avatar
Ketan committed
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125
// /**
//  * Copyright © Magento, Inc. All rights reserved.
//  * See COPYING.txt for license details.
//  */

//
//  Rule tree component
//  _____________________________________________

.rule-tree-wrapper {
    line-height: 28px;
}

.rule-tree {
    .admin__field-control & {
        padding-top: .3rem;
    }

    ul {
        border-left: 1px dotted @color-gray52;
        list-style: none;
        padding-left: 16px;
    }

    li {
        margin: 0 0 10px;
    }

    .x-tree ul {
        border-left: none !important;
        padding-left: 0 !important;
    }

    .x-tree li {
        margin-bottom: 0 !important;
        line-height: normal !important;
    }

    .legend {
        font-weight: @font-weight__semibold;
    }
}

.rule-tree .fieldset {
    border: 0;
    margin: 0;
    min-width: 0; // Fixed Chrome fieldset issue
    padding: 0;
}

@-moz-document url-prefix() { // Fixed Firefox fieldset issue
    .rule-tree .fieldset {
        display: table-cell;
    }
}

.rule-param .label {
    color: @color-black;
    float: none;
    padding: 0;
    text-align: left;
    vertical-align: baseline;
    width: auto;
}

.rule-param .label-disabled {
    color: @color-gray-darken0;
    cursor: default;
    text-decoration: none;
}

.rule-chooser,
.rule-param .element,
.rule-param-edit .label {
    display: none;
}

.rule-chooser .field-row {
    .lib-clearfix();
    display: block;
    margin-bottom: 17px;

    .input-text {
        margin-top: 5px;
    }

    .ui-datepicker-trigger {
        margin-left: 5px;
        margin-top: -2px;
    }
}

.rule-param input,
.rule-param select {
    margin: 0;
    min-width: 170px;
    width: auto !important;
}

.rule-param-edit .element {
    display: inline;
}

.rule-param-edit .element .addafter {
    padding-left: 5px;
}

[class^='rule-param-'],
.rule-chooser-trigger {
    img {
        vertical-align: middle;
    }
}

.rule-chooser {
    border: 1px solid @color-gray80;
    margin: 20px;
    overflow: auto;
    padding: 15px 10px 5px;
}

.rule-param-wait {
    background: url(../mui/images/ajax-loader-small.gif) no-repeat left center;
    padding-left: 20px;
}