diff --git a/CHANGELOG.md b/CHANGELOG.md index 97294ca..ad6d23e 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,5 +1,11 @@ # myuw-search versions +## 1.5.0 + +* Added role='search' to the search form +* Added aria-live="assertive" to announce searched activity +* Added mobile style for search input + ## 1.3.1 * Added more components to local demo to test mobile search positioning diff --git a/README.md b/README.md index 26b7c17..6518137 100644 --- a/README.md +++ b/README.md @@ -12,6 +12,7 @@ Include the component as follows:
-

Try using the search bar!

-

+
+

Try using the search bar!

+

+
diff --git a/package-lock.json b/package-lock.json index 2c95b6a..395cf60 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,6 +1,6 @@ { "name": "@myuw-web-components/myuw-search", - "version": "1.4.0", + "version": "1.5.0", "lockfileVersion": 1, "requires": true, "dependencies": { diff --git a/package.json b/package.json index 2f0b995..b0f4bbb 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@myuw-web-components/myuw-search", - "version": "1.4.0", + "version": "1.5.0", "description": "A material search field made for use with MyUW web components", "module": "dist/myuw-search.min.mjs", "browser": "dist/myuw-search.min.js", diff --git a/src/myuw-search.html b/src/myuw-search.html index 593242d..727ad79 100644 --- a/src/myuw-search.html +++ b/src/myuw-search.html @@ -47,7 +47,7 @@ border-color: rgba(0,0,0,0.15); color: #333; background: #fff; - width: 56px; + width: 59px; height: 40px; font-size: 1.8rem; margin: 0; @@ -93,7 +93,7 @@ max-width: 0; margin: 0; padding: 0; - height: 56px; + height: 59px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; opacity: 0; @@ -141,7 +141,8 @@ right: var(--search-mobile-origin); margin-left: 0; margin-right: 0; - width: auto; + width: 98.6%; + z-index: 999; border: var(--myuw-search-border, 1px solid rgba(0,0,0,0.5)); border-radius: 5px; } @@ -168,12 +169,12 @@ } } - + -