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

   1 .list-new-item{
   2     float: left;
   3     width: 50%;
   4     min-width: 221px;
   5     margin-right: 15px;
   6     input{
   7         min-width: 221px;
   8     }
   9 }
  10
  11 .list-value-items{
  12     -webkit-border-radius: 2px;
  13     -moz-border-radius: 2px;
  14     border-radius: 2px;
  15     border: 1px solid @main_color_o;
  16     padding-bottom: 10px;
  17     min-height: 100px;
  18     clear: both;
  19     background-color: white;
  20     .list-value-item{
  21         display: inline-block;
  22         background-color: @tlv_color_v;
  23         margin: 10px 0 0 10px;
  24         .delete-list-item{
  25             margin: 0 0 0 2px;
  26             .hand;
  27         }
  28     }
  29 }
  30
  31 .add-btn {
  32     .f-color.a;
  33     .f-type._14_m;
  34     .hand;
  35
  36     &.add-list-item {
  37         float: left;
  38         margin-top: 5px;
  39         width: 44px;
  40     }
  41
  42     &:before {
  43         .sprite-new;
  44         .plus-icon;
  45         margin-right: 5px;
  46         content: "";
  47
  48     }
  49     &:hover {
  50         .f-color.b;
  51         &:before {
  52             .sprite-new;
  53             .plus-icon-hover;
  54         }
  55     }
  56
  57 }
  58
  59 .dt-list{
  60     display: table-caption;
  61     .dt-list-item {
  62         border-radius: 3px;
  63         background-color: @tlv_color_v;
  64         display: inline-block;
  65         .delete-dt-list-item{
  66             float: right;
  67             position: relative;
  68             top: 5px;
  69             right: 5px;
  70             .sprite-new;
  71             .delete-icon;
  72             &:hover{
  73                 .delete-icon-hover;
  74             }
  75         }
  76         .data-type-name{
  77             margin-right: 16px;
  78         }
  79     }
  80     &>.add-list-item{
  81         float:none;
  82     }
  83 }
  84