catalog-ui/src/app/directives/property-types/type-list/type-list-directive.less

   1 .list-value-items{
   2     -webkit-border-radius: 2px;
   3     -moz-border-radius: 2px;
   4     border-radius: 2px;
   5     border: 1px solid @main_color_o;
   6     padding-bottom: 10px;
   7     min-height: 100px;
   8     clear: both;
   9     background-color: white;
  10     .list-value-item{
  11         display: inline-block;
  12         background-color: @tlv_color_v;
  13         margin: 10px 0 0 10px;
  14         .delete-list-item{
  15             margin: 0 0 0 2px;
  16             .hand;
  17         }
  18     }
  19 }
  20
  21 .add-btn {
  22     .f-color.a;
  23     .f-type._14_m;
  24     .hand;
  25
  26     &.add-list-item {
  27         float: left;
  28         margin-top: 5px;
  29         width: 44px;
  30     }
  31
  32     &:before {
  33         .sprite-new;
  34         .plus-icon;
  35         margin-right: 5px;
  36         content: "";
  37
  38     }
  39     &:hover {
  40         .f-color.b;
  41         &:before {
  42             .sprite-new;
  43             .plus-icon-hover;
  44         }
  45     }
  46
  47 }
  48
  49 .dt-list-item {
  50     min-width: 300px;
  51     min-height: 65px;
  52     background-color: @tlv_color_v;
  53     border-radius: 3px;
  54     margin: 8px;
  55     float: left;
  56     display: flex;
  57     .delete-dt-list-item{
  58         float: right;
  59         position: relative;
  60         top: 5px;
  61         right: 5px;
  62         .sprite-new;
  63         .delete-icon;
  64         &:hover{
  65             .delete-icon-hover;
  66         }
  67     }
  68     .list-new-item{
  69         margin: 7px 12px !important;
  70             float: left;
  71             min-height: 50px;
  72             select{
  73                 width:171px;
  74             }
  75             input[type="text"]{
  76                 width: 170px;
  77             }
  78             &>.data-type-fields-structure{
  79                 padding: 0;
  80             }
  81
  82             .i-sdc-form-input:read-only{
  83                 opacity: 0.4;
  84                 cursor: auto;
  85             }
  86     }
  87     .data-type-name{
  88         margin-right: 16px;
  89     }
  90 }
  91
  92 .dt-list{
  93     display: inline-block;
  94     &>.add-list-item{
  95         float:none;
  96     }
  97 }
  98
  99 .tosca-function {
 100     max-width: 165px;
 101 }
 102
 103 .tosca-error {
 104     max-width: 165px;
 105 }
 106
 107 .temp-form {
 108     all: unset;
 109 }
 110