diff --git a/core/src/components/UnifiedSearch/SearchFilter.vue b/core/src/components/UnifiedSearch/SearchFilter.vue
new file mode 100644
index 0000000000000..f3c06a24528d0
--- /dev/null
+++ b/core/src/components/UnifiedSearch/SearchFilter.vue
@@ -0,0 +1,77 @@
+
+
+
+
+ {{ filter }}
+
+
+
+
+
+
+
diff --git a/core/src/components/UnifiedSearch/SearchResult.vue b/core/src/components/UnifiedSearch/SearchResult.vue
index ffd4e2bf2f2f4..f6182c67852f7 100644
--- a/core/src/components/UnifiedSearch/SearchResult.vue
+++ b/core/src/components/UnifiedSearch/SearchResult.vue
@@ -1,3 +1,24 @@
+
+
+
+
@@ -495,6 +568,14 @@ $input-padding: 6px;
background-color: var(--color-main-background);
}
+ &__filters {
+ margin: $margin / 2 $margin;
+ ul {
+ display: inline-flex;
+ justify-content: space-between;
+ }
+ }
+
&__input {
// Minus margins
width: calc(100% - 2 * #{$margin});
@@ -505,10 +586,9 @@ $input-padding: 6px;
&[placeholder],
&::placeholder {
overflow: hidden;
- text-overflow:ellipsis;
white-space: nowrap;
+ text-overflow: ellipsis;
}
-
}
&__results {