Shared CSS code of options container.

Author: pankajparkar

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

@@ -41,6 +41,7 @@ fieldset {
   box-sizing: border-box;
   cursor: pointer;
   outline: 0;
+  padding: .25em;
   -webkit-tap-highlight-color: transparent;
 }
 

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

@@ -56,17 +56,13 @@
   box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
 }
 
-/* Material multiselect theme start*/
-
-:host.mat-multiselect ::ng-deep .options-container {
+::ng-deep .options-container {
   height: 200px;
-  overflow-x: hidden;
   overflow-y: scroll;
-  min-width: 100%;
-  border-radius: 4px;
-  background: #fff;
 }
 
+/* Material multiselect theme start*/
+
 :host.mat-multiselect ::ng-deep .option {
   white-space: nowrap;
   border-left: .5px solid #eee;
@@ -138,33 +134,16 @@
   background-image: linear-gradient(#fff,#f7f7f7);
 }
 
-:host.bs-multiselect ::ng-deep .options-container {
-  display: block;
-  overflow-x: hidden;
-  height: 200px;
-  overflow-y: scroll;
-}
-
 :host.bs-multiselect ::ng-deep .option {
   display: flex;
   align-items: center;
-  line-height: 3em;
-  height: 3em;
-  position: relative;
+  height: 40px;
   padding: 0 6px;
   font-size: inherit;
   color: #555;
-  background-color: #fff;
-  background-image: none;
+  background-color: transparent;
   border-radius: 4px;
-  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
-  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
-  -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
-  transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
-  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
-  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
+  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
   max-height: 40px;
 }