fix: added appType search criteria

onecx · Feb 25, 2024 · 7da2186 · 7da2186
1 parent 493956e
commit 7da2186
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 17 deletions.
diff --git a/src/_mixins.scss b/src/_mixins.scss
@@ -109,3 +109,25 @@
     }
   }
 }
+
+@mixin search-criteria-select-button {
+  :host ::ng-deep {
+    .row-gap-05 {
+      row-gap: 0.125rem !important;
+    }
+    .search-criteria-container .p-selectbutton .p-button {
+      text-align: center;
+      padding: 0.3rem 0.8rem;
+      border: var(--input-border);
+      &.p-highlight {
+        color: var(--primary-text-color);
+        background-color: var(--primary-color);
+      }
+      &:hover {
+        color: var(--primary-text-color);
+        border-color: var(--emphasis-high);
+        background-color: var(--button-hover-bg);
+      }
+    }
+  }
+}
diff --git a/src/app/product-store/app-search/app-search.component.scss b/src/app/product-store/app-search/app-search.component.scss
@@ -3,6 +3,7 @@
 @include card-badges;
 @include correct-data-view-control;
 @include correct-search-criteria;
+@include search-criteria-select-button;
 
 :host ::ng-deep {
   .danger-action-text {
@@ -18,23 +19,6 @@
     }
   }
 
-  .row-gap-05 {
-    row-gap: 0.125rem !important;
-  }
-  .search-criteria-container .p-selectbutton .p-button {
-    text-align: center;
-    padding: 0.3rem 0.8rem;
-    border: var(--input-border);
-    &.p-highlight {
-      color: var(--primary-text-color);
-      background-color: var(--primary-color);
-    }
-    &:hover {
-      color: var(--primary-text-color);
-      border-color: var(--emphasis-high);
-      background-color: var(--button-hover-bg);
-    }
-  }
   .h-05rem {
     height: 0.5rem;
   }