Spacing improvements in All content's <header> area (#2084)

* Adjust content link spacings * Update snapshots
WordPress · May 16, 2023 · 710bc5f · 710bc5f
1 parent aec2ba4
commit 710bc5f
Show file tree

Hide file tree

Showing 17 changed files with 6 additions and 6 deletions.
diff --git a/frontend/src/components/VSearchGrid.vue b/frontend/src/components/VSearchGrid.vue
@@ -6,11 +6,7 @@
       (!fetchState.isFetching && resultsCount)
     "
   >
-    <header
-      v-if="query.q && supported"
-      class="mt-5"
-      :class="isAllView ? 'mb-10' : 'mb-8'"
-    >
+    <header v-if="query.q && supported" class="my-0 md:mb-8 md:mt-4">
       <VSearchResultsTitle :size="isAllView ? 'large' : 'default'">
         {{ searchTerm }}
       </VSearchResultsTitle>

diff --git a/frontend/src/components/VSearchResultsTitle.vue b/frontend/src/components/VSearchResultsTitle.vue
@@ -1,7 +1,11 @@
 <template>
   <h1
     class="sr-only break-words md:not-sr-only"
-    :class="[size === 'large' ? 'heading-1' : 'heading-2']"
+    :class="[
+      size === 'large'
+        ? 'heading-2 lg:heading-1 !leading-none lg:!leading-none'
+        : 'heading-2 !leading-none',
+    ]"
   >
     <slot default />
   </h1>

diff --git a/...s/filters.spec.ts-snapshots/filters-modal-filters-selected-ltr-png-md-linux.png b/...s/filters.spec.ts-snapshots/filters-modal-filters-selected-ltr-png-md-linux.png
diff --git a/...s/filters.spec.ts-snapshots/filters-modal-filters-selected-ltr-png-sm-linux.png b/...s/filters.spec.ts-snapshots/filters-modal-filters-selected-ltr-png-sm-linux.png
diff --git a/...s/filters.spec.ts-snapshots/filters-modal-filters-selected-ltr-png-xs-linux.png b/...s/filters.spec.ts-snapshots/filters-modal-filters-selected-ltr-png-xs-linux.png
diff --git a/...s/filters.spec.ts-snapshots/filters-modal-filters-selected-rtl-png-md-linux.png b/...s/filters.spec.ts-snapshots/filters-modal-filters-selected-rtl-png-md-linux.png
diff --git a/...s/filters.spec.ts-snapshots/filters-modal-filters-selected-rtl-png-sm-linux.png b/...s/filters.spec.ts-snapshots/filters-modal-filters-selected-rtl-png-sm-linux.png
diff --git a/...s/filters.spec.ts-snapshots/filters-modal-filters-selected-rtl-png-xs-linux.png b/...s/filters.spec.ts-snapshots/filters-modal-filters-selected-rtl-png-xs-linux.png
diff --git a/...ression/components/filters.spec.ts-snapshots/filters-modal-ltr-png-md-linux.png b/...ression/components/filters.spec.ts-snapshots/filters-modal-ltr-png-md-linux.png
diff --git a/...ression/components/filters.spec.ts-snapshots/filters-modal-ltr-png-sm-linux.png b/...ression/components/filters.spec.ts-snapshots/filters-modal-ltr-png-sm-linux.png
diff --git a/...ression/components/filters.spec.ts-snapshots/filters-modal-ltr-png-xs-linux.png b/...ression/components/filters.spec.ts-snapshots/filters-modal-ltr-png-xs-linux.png
diff --git a/...ression/components/filters.spec.ts-snapshots/filters-modal-rtl-png-md-linux.png b/...ression/components/filters.spec.ts-snapshots/filters-modal-rtl-png-md-linux.png
diff --git a/...ression/components/filters.spec.ts-snapshots/filters-modal-rtl-png-sm-linux.png b/...ression/components/filters.spec.ts-snapshots/filters-modal-rtl-png-sm-linux.png
diff --git a/...ression/components/filters.spec.ts-snapshots/filters-modal-rtl-png-xs-linux.png b/...ression/components/filters.spec.ts-snapshots/filters-modal-rtl-png-xs-linux.png
diff --git a/...dio-player.spec.ts-snapshots/global-audio-player-on-search-ltr-png-xs-linux.png b/...dio-player.spec.ts-snapshots/global-audio-player-on-search-ltr-png-xs-linux.png
diff --git a/...dio-player.spec.ts-snapshots/global-audio-player-on-search-rtl-png-xs-linux.png b/...dio-player.spec.ts-snapshots/global-audio-player-on-search-rtl-png-xs-linux.png
diff --git a/...ht/visual-regression/pages/pages.spec.ts-snapshots/search-page-rtl-lg-linux.png b/...ht/visual-regression/pages/pages.spec.ts-snapshots/search-page-rtl-lg-linux.png