init commit for dropdown modification

UrbanInstitute · Apr 2, 2024 · 88970f1 · 88970f1
1 parent 474bfb7
commit 88970f1
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -2,6 +2,8 @@
 
 ## Next
 
+- Add right padding and ellipsis on text overflow to BasicDropdown
+
 ## v0.6.0
 
 - Add Theme component and update styles of components accordingly

diff --git a/src/lib/BasicDropdown/BasicDropdown.svelte b/src/lib/BasicDropdown/BasicDropdown.svelte
@@ -80,7 +80,7 @@
 
   .dropdown-select {
     color: var(--color-gray-shade-darker);
-    padding: var(--spacing-2) var(--spacing-3);
+    padding: var(--spacing-2) var(--spacing-8) var(--spacing-2) var(--spacing-3);
     font-size: var(--font-size-normal);
     font-family: Lato, helvetica, sans-serif;
     border: 1px solid var(--color-gray-shade-medium);
@@ -93,5 +93,6 @@
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
+    text-overflow: ellipsis;
   }
 </style>
-Original file line number
+Diff line change
@@ Expand Up / @@ -2,6 +2,8 @@ @@
     ## Next
+    - Add right padding and ellipsis on text overflow to BasicDropdown
     ## v0.6.0
     - Add Theme component and update styles of components accordingly
@@ Expand Down @@