From afef2b09245f4b36c1c0c2660dd045b8b4da943c Mon Sep 17 00:00:00 2001
From: Martin Leblanc <m26lebla@uwaterloo.ca>
Date: Tue, 26 Oct 2021 14:19:17 +0000
Subject: [PATCH] ISTWCMS-5168: css to correct the button height when search
input description is present in catalog search
---
.../04-components/catalog-search/_catalog-search.scss | 5 ++++-
.../04-components/catalog-search/catalog-search.twig | 3 ++-
2 files changed, 6 insertions(+), 2 deletions(-)
diff --git a/source/_patterns/04-components/catalog-search/_catalog-search.scss b/source/_patterns/04-components/catalog-search/_catalog-search.scss
index dc8082ce..92002251 100644
--- a/source/_patterns/04-components/catalog-search/_catalog-search.scss
+++ b/source/_patterns/04-components/catalog-search/_catalog-search.scss
@@ -6,7 +6,9 @@
padding:0;
position: relative;
.form-item{
- margin:0;
+ .description{
+ margin:gesso-spacing(xs) 0;
+ }
}
.form-text {
border-bottom-right-radius: 0;
@@ -26,6 +28,7 @@
border-bottom-right-radius: 3px;
border-top-left-radius: 0;
border-top-right-radius: 3px;
+ height:2.39rem;
margin:0;
max-width:inherit;
padding:0;
diff --git a/source/_patterns/04-components/catalog-search/catalog-search.twig b/source/_patterns/04-components/catalog-search/catalog-search.twig
index 7bb9c9de..9f3051bb 100644
--- a/source/_patterns/04-components/catalog-search/catalog-search.twig
+++ b/source/_patterns/04-components/catalog-search/catalog-search.twig
@@ -4,8 +4,9 @@
<form class="catalog-search-form" data-drupal-selector="catalog-search-all-form" action="/catalogs" method="post" id="catalog-search-form" accept-charset="UTF-8" data-drupal-form-fields="edit-search-input,edit-submit">
<div class="js-form-item form-item js-form-type-textfield form-type-textfield js-form-item-search-input form-item-search-input form-no-label">
<input data-drupal-selector="edit-search-input" type="text" id="edit-search-input" name="search_input" value="" size="60" maxlength="128" placeholder="Search within all catalogs" class="form-text required" required="required" aria-required="true">
+
</div>
- <input aria-label="search" class="catalog-search-submit button js-form-submit form-submit" data-drupal-selector="edit-submit" type="submit" id="edit-submit" name="op" value="">
+ <input aria-label="search" class="catalog-search-submit button js-form-submit form-submit" data-drupal-selector="edit-submit" type="submit" id="edit-submit" name="op" value="">
<input autocomplete="off" data-drupal-selector="form-sxccibplaegc-73-lec694bsvanum6b-j-wflacshoi" type="hidden" name="form_build_id" value="form-sxCCiBplaegC_73_LEC694bSvAnuM6B-j-wFlACShOI">
<input data-drupal-selector="edit-catalog-search-all-form-form-token" type="hidden" name="form_token" value="ZwUmrQqVQLNwYel4ZKfXoIqHlDdO3R2L2wIyZNBPVPM">
<input data-drupal-selector="edit-catalog-search-all-form" type="hidden" name="form_id" value="catalog_search_all_form">
--
GitLab