b31d00e3129769a893877233803cb31560edfb52
[portal.git] / ecomp-portal-FE-common / client / app / directives / multiple-select / mutliple-select2.less
1 .multiple-select2{
2   position: relative;
3   width: 100%;
4
5   .selectBox{
6     cursor: pointer;
7     position: relative;
8     border: 1px solid @portalDGray;
9     white-space: nowrap;
10     overflow: hidden;
11     text-overflow: ellipsis;
12     line-height: 30px;
13     height: 30px;
14     padding-left: 10px;
15     padding-right: 10px;
16
17     &.open::after{
18       content: '';
19       .arrow_up;
20       display: block;
21       position: absolute;
22       top: 12px;
23       right: 4px;
24     }
25     &.closed::after{
26       content: '';
27       .arrow_down;
28       display: block;
29       position: absolute;
30       top: 12px;
31       right: 4px;
32     }
33     &.disabled{
34       cursor: default;
35       background: @portalLGray;
36     }
37
38   }
39
40   .checkboxes{
41     z-index: 99999;
42     padding-left: 8px;
43     padding-right: 8px;
44     position: absolute;
45     top: 30px;
46     width: 100%;
47     background: @portalWhite;
48
49     display: block;
50     border: 1px @portalLGray solid;
51
52     label{
53       cursor: pointer;
54       display: block;
55     }
56     input{
57       cursor: pointer;
58     }
59
60
61   }
62 }