Skip to content

Commit a69f5e2

Browse files
committed
Shared CSS code of options container.
1 parent 8920def commit a69f5e2

File tree

2 files changed

+7
-27
lines changed

2 files changed

+7
-27
lines changed

projects/multiselect/src/lib/helper-elements/helper-elements.component.css

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -41,6 +41,7 @@ fieldset {
4141
box-sizing: border-box;
4242
cursor: pointer;
4343
outline: 0;
44+
padding: .25em;
4445
-webkit-tap-highlight-color: transparent;
4546
}
4647

projects/multiselect/src/lib/multiselect.component.css

Lines changed: 6 additions & 27 deletions
Original file line numberDiff line numberDiff line change
@@ -56,17 +56,13 @@
5656
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
5757
}
5858

59-
/* Material multiselect theme start*/
60-
61-
:host.mat-multiselect ::ng-deep .options-container {
59+
::ng-deep .options-container {
6260
height: 200px;
63-
overflow-x: hidden;
6461
overflow-y: scroll;
65-
min-width: 100%;
66-
border-radius: 4px;
67-
background: #fff;
6862
}
6963

64+
/* Material multiselect theme start*/
65+
7066
:host.mat-multiselect ::ng-deep .option {
7167
white-space: nowrap;
7268
border-left: .5px solid #eee;
@@ -138,33 +134,16 @@
138134
background-image: linear-gradient(#fff,#f7f7f7);
139135
}
140136

141-
:host.bs-multiselect ::ng-deep .options-container {
142-
display: block;
143-
overflow-x: hidden;
144-
height: 200px;
145-
overflow-y: scroll;
146-
}
147-
148137
:host.bs-multiselect ::ng-deep .option {
149138
display: flex;
150139
align-items: center;
151-
line-height: 3em;
152-
height: 3em;
153-
position: relative;
140+
height: 40px;
154141
padding: 0 6px;
155142
font-size: inherit;
156143
color: #555;
157-
background-color: #fff;
158-
background-image: none;
144+
background-color: transparent;
159145
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);
168147
max-height: 40px;
169148
}
170149

0 commit comments

Comments
 (0)