Merge pull request #1697 from bcgov/feature/ALCS-1201

Add Dropdown Arrow to File Selector
bcgov · May 21, 2024 · 366cdb5 · 366cdb5
2 parents ab9a9e2 + 92cc283
commit 366cdb5
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 0 deletions.
diff --git a/.../app/features/search/file-type-filter-drop-down/file-type-filter-drop-down.component.html b/.../app/features/search/file-type-filter-drop-down/file-type-filter-drop-down.component.html
@@ -25,6 +25,7 @@
   >
     <mat-icon>close</mat-icon>
   </button>
+  <mat-icon class="dropdown-arrow" matSuffix>arrow_drop_down</mat-icon>
   <mat-icon *ngIf="tooltip" matSuffix>info</mat-icon>
   <mat-autocomplete autoActiveFirstOption #auto="matAutocomplete" class="tall-autocomplete">
     <mat-option disabled>Please select an item from below</mat-option>

diff --git a/.../app/features/search/file-type-filter-drop-down/file-type-filter-drop-down.component.scss b/.../app/features/search/file-type-filter-drop-down/file-type-filter-drop-down.component.scss
@@ -5,3 +5,13 @@
 #type {
   text-overflow: ellipsis;
 }
+
+.dropdown-arrow {
+  color: rgba(0, 0, 0, 0.54);
+  cursor: pointer;
+  padding: 0 !important;
+
+  &:last-child {
+    padding-right: 8px !important;
+  }
+}