|
56 | 56 | box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
|
57 | 57 | }
|
58 | 58 |
|
59 |
| -/* Material multiselect theme start*/ |
60 |
| - |
61 |
| -:host.mat-multiselect ::ng-deep .options-container { |
| 59 | +::ng-deep .options-container { |
62 | 60 | height: 200px;
|
63 |
| - overflow-x: hidden; |
64 | 61 | overflow-y: scroll;
|
65 |
| - min-width: 100%; |
66 |
| - border-radius: 4px; |
67 |
| - background: #fff; |
68 | 62 | }
|
69 | 63 |
|
| 64 | +/* Material multiselect theme start*/ |
| 65 | + |
70 | 66 | :host.mat-multiselect ::ng-deep .option {
|
71 | 67 | white-space: nowrap;
|
72 | 68 | border-left: .5px solid #eee;
|
|
138 | 134 | background-image: linear-gradient(#fff,#f7f7f7);
|
139 | 135 | }
|
140 | 136 |
|
141 |
| -:host.bs-multiselect ::ng-deep .options-container { |
142 |
| - display: block; |
143 |
| - overflow-x: hidden; |
144 |
| - height: 200px; |
145 |
| - overflow-y: scroll; |
146 |
| -} |
147 |
| - |
148 | 137 | :host.bs-multiselect ::ng-deep .option {
|
149 | 138 | display: flex;
|
150 | 139 | align-items: center;
|
151 |
| - line-height: 3em; |
152 |
| - height: 3em; |
153 |
| - position: relative; |
| 140 | + height: 40px; |
154 | 141 | padding: 0 6px;
|
155 | 142 | font-size: inherit;
|
156 | 143 | color: #555;
|
157 |
| - background-color: #fff; |
158 |
| - background-image: none; |
| 144 | + background-color: transparent; |
159 | 145 | border-radius: 4px;
|
160 |
| - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); |
161 |
| - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); |
162 |
| - -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; |
163 |
| - -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; |
164 |
| - -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s; |
165 |
| - transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s; |
166 |
| - transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; |
167 |
| - transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s; |
| 146 | + box-shadow: inset 0 1px 1px rgba(0,0,0,.075); |
168 | 147 | max-height: 40px;
|
169 | 148 | }
|
170 | 149 |
|
|
0 commit comments