5c65fdc9dcca6be48b7e978ac6417be39f16c592
[sdc.git] /
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
33     .property{
34         display: flex;
35         min-width: 365px;
36         min-height: 46px;
37         input[type="text"],select{
38             width: 170px;
39         }
40         .property-name{
41             float: left;
42             margin-top: 8px;
43         }
44         .primitive-value-field{
45             float: right;
46             margin-top: 8px;
47             margin-left: 10px;
48         }
49         .inner-structure{
50             display: -webkit-box;
51         }
52     }
53
54     [ng-switch-when="map"]{
55         margin-top: 8px;
56         margin-left: 10px;
57         .map-item{
58             border: solid 1px @main_color_o;
59             min-width: 401px;
60             min-height: 69px;
61             float: none !important;
62         }
63         .add-map-item{
64             width: auto;
65             float: none;
66             &:nth-child(1){
67                 position: relative;
68                 top: 6px;
69             }
70             .add-btn{
71                 float: none;
72             }
73         }
74
75     }
76
77     [ng-switch-when="list"]{
78         float: left;
79         margin-top: 8px;
80         margin-left: 10px;
81         min-width: 280px;
82         .dt-list-item {
83             border: solid 1px @main_color_o;
84         }
85         .list-value-items{
86             width:280px;
87         }
88     }
89 }
90