Issue #SH-1234 merge: Merge pull request #15 from itsvick/release-3.3.0

Issue #SH-1234 fix: Fixed multi-select layout styles

Issue #SH-1234 merge: Merge pull request #15 from itsvick/release-3.3.0
Issue #SH-1234 fix: Fixed multi-select layout styles
69b29b48 · Swayangjit Prasad Parida · GitHub · fca21e0b · 88915baf · 69b29b48
Unverified Commit 69b29b48 authored 4 years ago by Swayangjit Prasad Parida Committed by GitHub 4 years ago
Hide whitespace changes
Inline Side-by-side

Showing

with 9 additions and 6 deletions
+9 -6
--- a/projects/common-form-elements/package.json
+++ b/projects/common-form-elements/package.json
 {
  "name": "common-form-elements",
-  "version": "2.0.1",
+  "version": "2.0.2",
  "peerDependencies": {
    "@angular/common": "^7.1.0",
    "@angular/core": "^7.1.0",

--- a/projects/common-form-elements/src/lib/multiple-dropdown/multiple-dropdown.component.css
+++ b/projects/common-form-elements/src/lib/multiple-dropdown/multiple-dropdown.component.css
@@ -17,7 +17,7 @@ label{

 .multi-select-container .caret-down {
    position: absolute;
-    top: 11px;
+    top: 12px;
    right: 19px;
    z-index: 0;
 }
@@ -36,17 +36,20 @@ label{

 .multi-select-container .list-border ul {
    list-style-type: none;
-    margin-top: 3px;
-    margin-left: 8px;
    position: absolute;
-    top: 0%;
-    left: 0;
+    margin: 0;
+    font-size: 14px;
+    font-weight: bold;
 }

 .multi-select-container .list-border {
    border: 0.5px solid var(--gray-400);
    padding: 1.3rem;
    cursor: pointer;
+    display: flex;
+    align-items: center;
+    left: 0;
+    height: 40px;
 }

 .multi-select-container .list-border li {