fix a few styles being global

SDFIdk · Jan 23, 2024 · 529a241 · 529a241
1 parent 6716ebe
commit 529a241
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 6 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@dataforsyningen/gsearch-ui",
-  "version": "2.0.0",
+  "version": "2.0.1",
   "description": "UI component for GSearch.",
   "main": "public/search.js",
   "type": "module",

diff --git a/src/components/input.js b/src/components/input.js
@@ -10,7 +10,7 @@ export class GSearchInput extends HTMLElement {
     g-search-input {
       position: relative;
     }
-    input[type=search].hide-icon {
+    g-search-input > input[type=search].hide-icon {
       background-image: none;
     }
     .gs-input-button {

diff --git a/src/components/result-box.js b/src/components/result-box.js
@@ -5,12 +5,12 @@ export class GSearchResultBox extends HTMLElement {
   // public properties
   data = {}
   styles = /* css */`
-    svg {
+    g-search-result-box > svg {
       width: 1.25rem;
       height: 1.25rem;
       margin-right: 0.25rem;
     }
-    p {
+    g-search-result-box > p {
       display: inline-block;
     }
   `