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

   1 .add-map-item{
   2     &:nth-child(odd){
   3         float: right;
   4     }
   5     &:nth-child(1){
   6         float: none;
   7         .add-btn{
   8             float: none;
   9         }
  10     }
  11     width: 400px;
  12     .add-btn{
  13         width: 44px;
  14         float: right;
  15     }
  16     &.schema-data-type{
  17         float:none;
  18         .add-btn{
  19             float: none;
  20         }
  21     }
  22 }
  23
  24 .add-btn {
  25     .f-color.a;
  26     .f-type._14_m;
  27     .hand;
  28
  29     &:before {
  30         .sprite-new;
  31         .plus-icon;
  32         margin-right: 5px;
  33         content: "";
  34
  35     }
  36     &:hover {
  37         .f-color.b;
  38         &:before {
  39             .sprite-new;
  40             .plus-icon-hover;
  41         }
  42     }
  43
  44 }
  45
  46 .map-item{
  47     min-width: 389px;
  48     min-height: 65px;
  49     background-color: @tlv_color_v;
  50     border-radius: 3px;
  51     margin-bottom: 8px;
  52     float: left;
  53     display: flex;
  54     &:nth-child(even).primitive-value-map{
  55         float: right;
  56     }
  57     .delete-map-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     .map-item-field {
  69         margin: 7px 12px !important;
  70         float: left;
  71         min-width: 170px;
  72         min-height: 50px;
  73         select{
  74             width:171px;
  75         }
  76         input[type="text"]{
  77             width: 170px;
  78         }
  79         &>.data-type-fields-structure{
  80             padding: 0;
  81         }
  82
  83         .i-sdc-form-input:read-only{
  84             opacity: 0.4;
  85             cursor: auto;
  86         }
  87     }
  88 }
  89
  90 .type-map {
  91     display: inline-block;
  92 }