Feature/marp 693 feedback anais 4 adjustment for search (#45)

axonivy-market · Jul 22, 2024 · b92ce87 · b92ce87
1 parent 60bbdc1
commit b92ce87
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 2 deletions.
diff --git a/marketplace-ui/src/app/modules/product/product-filter/product-filter.component.html b/marketplace-ui/src/app/modules/product/product-filter/product-filter.component.html
@@ -63,15 +63,15 @@ <h4 class="sort-container__label text-primary d-none d-lg-flex w-auto">
   <div class="input-group mb-5">
     <div class="input-group-prepend">
       <span
-        class="input-group-text text-primary bg-secondary h-100 border-0 rounded-start-4 rounded-end-0">
+        class="input-group-text text-primary bg-secondary h-100 border-0 rounded-end-0">
         <i class="bi bi-search"></i>
       </span>
     </div>
     <input
       [(ngModel)]="searchText"
       (ngModelChange)="onSearchChanged($event)"
       type="text"
-      class="form-control input__search bg-secondary border-0 rounded-end-4 rounded-start-0 search-input"
+      class="form-control input__search bg-secondary border-0 rounded-start-0 ps-0 search-input"
       [placeholder]="translateService.get('common.search.placeholder') | async"
       [ariaLabel]="translateService.get('common.search.placeholder') | async"
       aria-describedby="search"/>

diff --git a/marketplace-ui/src/app/modules/product/product-filter/product-filter.component.scss b/marketplace-ui/src/app/modules/product/product-filter/product-filter.component.scss
@@ -1,5 +1,14 @@
 $rowHeight: 37px;
 
+.input-group-text {
+  border-radius: 10px;
+  padding: 0 15px;
+}
+
+.form-control {
+  border-radius: 10px;
+}
+
 .filter-container {
   height: $rowHeight;
 }