IBX-7680: Wrong empty screen after no search results (#1152)

Author: OstafinL

src/bundle/Resources/public/scss/_search-form.scss

@@ -81,57 +81,11 @@
         }
     }
 
-    &__empty,
-    &__no-results {
-        grid-area: results;
-        display: flex;
-        flex-direction: column;
-        align-items: center;
-        padding-top: calculateRem(100px);
-    }
-
-    &__empty-title,
-    &__empty-subtitle,
-    &__no-results-title,
-    &__no-results-subtitle {
-        color: $ibexa-color-dark-400;
-    }
-
-    &__no-results-subtitle {
-        display: flex;
-        flex-wrap: wrap;
-        max-width: 60%;
-        margin-top: calculateRem(30px);
-
-        .ibexa-icon {
-            margin-right: calculateRem(16px);
-        }
-    }
-
-    &__no-results-hint {
-        flex-basis: 50%;
-        padding: calculateRem(8px);
-        display: flex;
-    }
-
-    &__spellcheck-suggestion {
-        font-style: italic;
-
-        a {
-            font-style: normal;
-            font-weight: bold;
-        }
-    }
-
-    &__no-results {
-        .ibexa-search-form__spellcheck-suggestion {
-            color: $ibexa-color-dark-400;
-        }
-    }
-
     .ibexa-btn--secondary.ibexa-btn {
         max-width: 100%;
         overflow: hidden;
         white-space: inherit;
     }
+
+    @import 'mixins/search-form-no-results';
 }

src/bundle/Resources/public/scss/mixins/_search-form-no-results.scss

@@ -0,0 +1,47 @@
+&__empty,
+&__no-results {
+    grid-area: results;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    padding-top: calculateRem(100px);
+}
+
+&__empty-title,
+&__empty-subtitle,
+&__no-results-title,
+&__no-results-subtitle {
+    color: $ibexa-color-dark-400;
+}
+
+&__no-results-subtitle {
+    display: flex;
+    flex-wrap: wrap;
+    max-width: 60%;
+    margin-top: calculateRem(30px);
+
+    .ibexa-icon {
+        margin-right: calculateRem(16px);
+    }
+}
+
+&__no-results-hint {
+    flex-basis: 50%;
+    padding: calculateRem(8px);
+    display: flex;
+}
+
+&__spellcheck-suggestion {
+    font-style: italic;
+
+    a {
+        font-style: normal;
+        font-weight: bold;
+    }
+}
+
+&__no-results {
+    .ibexa-search-form__spellcheck-suggestion {
+        color: $ibexa-color-dark-400;
+    }
+}

src/bundle/Resources/public/scss/ui/modules/universal-discovery/_search.scss

@@ -84,35 +84,9 @@
         font-size: $ibexa-text-font-size-medium;
     }
 
-    &__no-results {
-        display: flex;
-        flex-direction: column;
-        align-items: center;
-    }
-
-    &__no-results-title,
-    &__no-results-subtitle {
-        color: $ibexa-color-dark-400;
-    }
-
-    &__no-results-subtitle {
-        display: flex;
-        flex-wrap: wrap;
-        max-width: 60%;
-        margin-top: calculateRem(30px);
-
-        .ibexa-icon {
-            margin-right: calculateRem(16px);
-        }
-    }
-
-    &__no-results-hint {
-        flex-basis: 50%;
-        padding: calculateRem(8px);
-        display: flex;
-    }
-
     .c-content-table {
         width: 100%;
     }
+
+    @import '../../../mixins/search-form-no-results';
 }