[SDC-29] catalog 1707 rebase commit.
[sdc.git] / 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         padding: 0 8px;
25         .delete-list-item{
26             margin: 0 0 0 2px;
27             .hand;
28         }
29     }
30 }
31
32 .add-btn {
33     .f-color.a;
34     .f-type._14_m;
35     .hand;
36
37     &.add-list-item {
38         float: left;
39         margin-top: 5px;
40         width: 44px;
41     }
42
43     &:before {
44         .sprite-new;
45         .plus-icon;
46         margin-right: 5px;
47         content: "";
48
49     }
50     &:hover {
51         .f-color.b;
52         &:before {
53             .sprite-new;
54             .plus-icon-hover;
55         }
56     }
57
58 }
59
60 .dt-list{
61     display: table-caption;
62     .dt-list-item {
63         border-radius: 3px;
64         background-color: @tlv_color_v;
65         display: inline-block;
66         .delete-dt-list-item{
67             float: right;
68             position: relative;
69             top: 5px;
70             right: 5px;
71             .sprite-new;
72             .delete-icon;
73             &:hover{
74                 .delete-icon-hover;
75             }
76         }
77         .data-type-name{
78             margin-right: 16px;
79         }
80     }
81     &>.add-list-item{
82         float:none;
83     }
84 }
85