catalog-ui/src/app/directives/property-types/data-type-fields-structure/data-type-fields-structure.less

   1 .data-type-fields-structure{
   2     background-color: @tlv_color_v;
   3     padding:10px;
   4     display: table-caption;
   5     .open-close{
   6         position: relative;
   7         .open-close-button{
   8             position: absolute;
   9             top: 50%;
  10             margin-top: -7px;
  11             &.expand{
  12                 .sprite-new;
  13                 .expand-collapse-minus-icon;
  14             }
  15             &.collapse{
  16                 .sprite-new;
  17                 .expand-collapse-plus-icon;
  18             }
  19         }
  20
  21     }
  22
  23
  24     .data-type-name{
  25         .m_16_m;
  26         margin-left: 22px;
  27     }
  28
  29     .i-sdc-form-input:disabled{
  30              .disabled;
  31          }
  32     .i-sdc-form-input:read-only{
  33         opacity: 0.4;
  34         cursor: auto;
  35     }
  36
  37     .property{
  38         display: flex;
  39         min-width: 365px;
  40         min-height: 46px;
  41         input[type="text"],select{
  42             width: 170px;
  43         }
  44         .property-name{
  45             float: left;
  46             margin-top: 8px;
  47         }
  48         .primitive-value-field{
  49             float: right;
  50             margin-top: 8px;
  51             margin-left: 10px;
  52         }
  53         .inner-structure{
  54             display: -webkit-box;
  55         }
  56     }
  57
  58     [ng-switch-when="map"]{
  59         margin-top: 8px;
  60         margin-left: 10px;
  61         .map-item{
  62             border: solid 1px @main_color_o;
  63             min-width: 401px;
  64             min-height: 69px;
  65             float: none !important;
  66         }
  67         .add-map-item{
  68             width: auto;
  69             float: none;
  70             &:nth-child(1){
  71                 position: relative;
  72                 top: 6px;
  73             }
  74             .add-btn{
  75                 float: none;
  76             }
  77         }
  78
  79     }
  80
  81     [ng-switch-when="list"]{
  82         float: left;
  83         margin-top: 8px;
  84         margin-left: 10px;
  85         min-width: 280px;
  86         .dt-list-item {
  87             border: solid 1px @main_color_o;
  88         }
  89         .list-value-items{
  90             width:280px;
  91         }
  92     }
  93 }
  94
  95 .temp-form {
  96     all: unset;
  97     margin-left: 6px !important;
  98 }
  99 .tosca-box {
 100     display: block !important;
 101     all : unset;
 102 }
 103 .tosca-parent {
 104     margin-left: 10px;
 105 }
 106