simplify search html/css

basher · Apr 30, 2024 · 5460792 · 5460792
1 parent fe94f21
commit 5460792
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 8 deletions.
diff --git a/ui/npm-shrinkwrap.json b/ui/npm-shrinkwrap.json
diff --git a/ui/package.json b/ui/package.json
@@ -2,7 +2,7 @@
     "name": "web-ui-boilerplate",
     "description": "UI boilerplate for websites/webapps using vanilla HTML/CSS/JavaScript, powered by Storybook, bundled by Parcel.",
     "author": "basher",
-    "version": "3.1.9",
+    "version": "3.1.10",
     "license": "ISC",
     "repository": {
         "type": "git",

diff --git a/ui/src/stylesheets/web-components/_webui-predictive-search.scss b/ui/src/stylesheets/web-components/_webui-predictive-search.scss
@@ -13,12 +13,12 @@ webui-predictive-search {
         }
     }
 
-    .search__results {
+    [role='region'] {
         margin-block-start: $gutter-m;
+    }
 
-        .grid {
-            @include responsive-grid-auto-columns($max-width: 10rem);
-        }
+    .grid {
+        @include responsive-grid-auto-columns($max-width: 10rem);
     }
 
     .search__result {

diff --git a/...ies/6. Web Components Or Custom Elements/WebUI Predictive Search/WebUIPredictiveSearch.js b/...ies/6. Web Components Or Custom Elements/WebUI Predictive Search/WebUIPredictiveSearch.js
@@ -17,7 +17,6 @@ export const WebUIPredictiveSearchHtml = () => `
         </button>
     </form>
     <div
-        class="search__results ajax__container"
         role="region"
         aria-live="polite"
         data-fetch-container="search-results"