fix: filter position

Commandos-app · Oct 18, 2021 · 4d70c55 · 4d70c55
1 parent 6e66ed0
commit 4d70c55
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 14 deletions.
diff --git a/src/app/routes/home/home.component.html b/src/app/routes/home/home.component.html
@@ -8,11 +8,11 @@
                 <a (click)="handleGroupAndFilter('tags')" cds-text="link">Tags</a>
             </p>
         </div>
-        <div>
-            <cds-input control-width="shrink">
+        <div class="grid-item-end">
+            <cds-search control-width="shrink">
                 <label></label>
-                <input placeholder="placeholder text" [(ngModel)]="searchText" />
-            </cds-input>
+                <input type="search" [(ngModel)]="searchText" />
+            </cds-search>
 
         </div>
     </div>

diff --git a/src/app/shared/components/subnav/subnav.component.scss b/src/app/shared/components/subnav/subnav.component.scss
@@ -7,11 +7,3 @@
     margin: 7px;
     display: block;
 }
-
-// cds-icon-button.hover:hover {
-//     background: black;
-// }
-
-.branch-control {
-    width: 300px;
-}
diff --git a/src/app/shared/shared.module.ts b/src/app/shared/shared.module.ts
@@ -7,7 +7,7 @@ import { HttpClientModule } from '@angular/common/http';
 import { NgModule } from '@angular/core';
 import { FormsModule } from '@angular/forms';
 import { RouterModule } from '@angular/router';
-import { CdsAccordionModule, CdsAlertModule, CdsButtonModule, CdsCheckboxModule, CdsDividerModule, CdsFileModule, CdsFormsModule, CdsIconModule, CdsInputModule, CdsModalModule, CdsProgressCircleModule, CdsRadioModule, CdsSelectModule, CdsTagModule, CdsTextareaModule } from '@cds/angular';
+import { CdsAccordionModule, CdsAlertModule, CdsButtonModule, CdsCheckboxModule, CdsDividerModule, CdsFileModule, CdsFormsModule, CdsIconModule, CdsInputModule, CdsModalModule, CdsProgressCircleModule, CdsRadioModule, CdsSearchModule, CdsSelectModule, CdsTagModule, CdsTextareaModule } from '@cds/angular';
 import { FilterModule } from '@josee9988/filter-pipe-ngx';
 import { NgSelectModule } from '@ng-select/ng-select';
 import { TranslateModule } from '@ngx-translate/core';
@@ -76,7 +76,8 @@ const clarity = [
     CdsAccordionModule,
     CdsProgressCircleModule,
     CdsIconModule,
-    CdsRadioModule
+    CdsRadioModule,
+    CdsSearchModule
 ];
 
 const modules = [

diff --git a/src/theme/layout.scss b/src/theme/layout.scss
@@ -11,3 +11,7 @@
     text-overflow: ellipsis;
     white-space: nowrap;
 }
+
+.grid-item-end {
+    justify-self: end;
+}