diff --git a/core/dist/css/decanter.css b/core/dist/css/decanter.css index 3b6733e9a..ae97fccbf 100644 --- a/core/dist/css/decanter.css +++ b/core/dist/css/decanter.css @@ -8697,9 +8697,9 @@ a { -moz-osx-font-smoothing: grayscale; padding: 0.6rem 2rem; display: inline-block; - height: 40px; + height: 4rem; max-width: 100%; - border-radius: 30px; + border-radius: 3rem; font-size: 1.6rem; } .su-site-search__input::-webkit-input-placeholder { color: #2e2d29; @@ -8731,16 +8731,13 @@ a { margin-top: 0; margin-right: 0; margin-bottom: 0; - background-color: transparent; + background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNCAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yMS40NzM3IDEwLjIwMTZDMjEuNDczNyAxNC4wMzg1IDE4LjM2MzIgMTcuMTQ5IDE0LjUyNjMgMTcuMTQ5QzEwLjY4OTQgMTcuMTQ5IDcuNTc4OTUgMTQuMDM4NSA3LjU3ODk1IDEwLjIwMTZDNy41Nzg5NSA2LjM2NDY2IDEwLjY4OTQgMy4yNTQyMiAxNC41MjYzIDMuMjU0MjJDMTguMzYzMiAzLjI1NDIyIDIxLjQ3MzcgNi4zNjQ2NiAyMS40NzM3IDEwLjIwMTZaTTI0IDEwLjIwMTZDMjQgMTUuNDMzOCAxOS43NTg1IDE5LjY3NTMgMTQuNTI2MyAxOS42NzUzQzEyLjUwMjkgMTkuNjc1MyAxMC42Mjc3IDE5LjA0MDkgOS4wODg2MiAxNy45NjAzTDIuMTE5OTQgMjQuMzkyOUMxLjYwNzMyIDI0Ljg2NjEgMC44MDgxNzUgMjQuODM0MSAwLjMzNDk5MSAyNC4zMjE1Qy0wLjEzODE5MiAyMy44MDg5IC0wLjEwNjIyNiAyMy4wMDk4IDAuNDA2Mzg5IDIyLjUzNjZMNy4yMjY3OSAxNi4yNDA4QzUuODY4ODIgMTQuNjAxMyA1LjA1MjY0IDEyLjQ5NjggNS4wNTI2NCAxMC4yMDE2QzUuMDUyNjQgNC45Njk0MiA5LjI5NDE1IDAuNzI3OTA1IDE0LjUyNjMgMC43Mjc5MDVDMTkuNzU4NSAwLjcyNzkwNSAyNCA0Ljk2OTQyIDI0IDEwLjIwMTZaIiBmaWxsPSIjMkUyRDI5Ii8+Cjwvc3ZnPgo=) no-repeat 0 0; opacity: .6; position: absolute; - top: 11px; - right: 12px; - width: auto; } - .su-site-search__submit img { - display: inline-block; - max-width: 24px; - max-height: 24px; } + top: 1.1rem; + right: 1.2rem; + width: 24px; + height: 25px; } .su-site-search__submit:hover, .su-site-search__submit:active, .su-site-search__submit:focus { background-color: transparent; opacity: 1; } diff --git a/core/src/scss/components/site-search/_site-search.scss b/core/src/scss/components/site-search/_site-search.scss index f5d454e54..611981e14 100644 --- a/core/src/scss/components/site-search/_site-search.scss +++ b/core/src/scss/components/site-search/_site-search.scss @@ -18,9 +18,9 @@ @include padding(.6rem 2rem); display: inline-block; - height: 40px; + height: 4rem; max-width: 100%; - border-radius: 30px; + border-radius: 3rem; font-size: 1.6rem; &::placeholder { @@ -37,18 +37,13 @@ @include padding(0); @include margin(0 0 0 null); - background-color: transparent; + background: url("#{$image-path}/icon-search.svg") no-repeat 0 0; opacity: .6; position: absolute; - top: 11px; - right: 12px; - width: auto; - - img { - display: inline-block; - max-width: 24px; - max-height: 24px; - } + top: 1.1rem; + right: 1.2rem; + width: 24px; + height: 25px; &:hover, &:active, diff --git a/core/src/templates/components/main-nav/main-nav.json b/core/src/templates/components/main-nav/main-nav.json index dea2880f1..e95b9a934 100644 --- a/core/src/templates/components/main-nav/main-nav.json +++ b/core/src/templates/components/main-nav/main-nav.json @@ -108,7 +108,6 @@ "method": "get", "search_label": "Search Stanford sites", "placeholder": "Search Stanford sites", - "search_input_name": "q", - "search_icon_src": "/img/icon-search.svg" + "search_input_name": "q" } } diff --git a/core/src/templates/components/main-nav/main-nav.twig b/core/src/templates/components/main-nav/main-nav.twig index e30d307ba..804e40eba 100644 --- a/core/src/templates/components/main-nav/main-nav.twig +++ b/core/src/templates/components/main-nav/main-nav.twig @@ -59,8 +59,7 @@ "method": mobile_search.method, "search_label": mobile_search.search_label, "placeholder": mobile_search.placeholder, - "search_input_name": mobile_search.search_input_name, - "search_icon_src": mobile_search.search_icon_src + "search_input_name": mobile_search.search_input_name } only %} diff --git a/core/src/templates/components/site-search/site-search.json b/core/src/templates/components/site-search/site-search.json index 56d0026c1..7ce069fda 100644 --- a/core/src/templates/components/site-search/site-search.json +++ b/core/src/templates/components/site-search/site-search.json @@ -3,6 +3,5 @@ "method": "get", "search_label": "Search this site", "placeholder": "Search this site", - "search_input_name": "search-field", - "search_icon_src": "/img/icon-search.svg" + "search_input_name": "search-field" } diff --git a/core/src/templates/components/site-search/site-search.twig b/core/src/templates/components/site-search/site-search.twig index 966bdb6fa..17f714b6a 100644 --- a/core/src/templates/components/site-search/site-search.twig +++ b/core/src/templates/components/site-search/site-search.twig @@ -12,10 +12,11 @@ * - method: Method of the form * - search_label: Custom screen reader label * - search_input_name: Name for the search input field. Also used as the ID of the search input field and the "for" attribute of the label. - * - input_attributes: Additional HTML attributes for the search input field + * - search_input_attributes: Additional HTML attributes for the search input field * - placeholder: Placeholder text for the search input field - * - button_attributes: Additional HTML attributes for the submit button - * - search_icon_src: The href property of the search icon image + * - search_button_attributes: Additional HTML attributes for the submit button + * - search_button_name: The name for the form element. Defaults to 'search' + * - search_button_text: The user facing text for the button. Defaults to 'Submit Search' * - additional_fields: Any additional fields for the search form, e.g., hidden input fields * */ @@ -23,8 +24,8 @@
Noto Sans is a secondary font.
+Noto Sans is a secondary font. It should only be used when Sanskrit font support is needed.