update active and focus styles

dbt-labs · Oct 3, 2023 · 374cda3 · 374cda3
1 parent e2bcb9b
commit 374cda3
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 3 deletions.
diff --git a/website/src/components/quickstartGuideList/styles.module.css b/website/src/components/quickstartGuideList/styles.module.css
@@ -34,7 +34,7 @@
 }
 
 @media (max-width: 996px) {
-    .quickstartCardContainer {
+    .quickstartCardContainer, .quickstartFilterContainer {
         grid-template-columns: 1fr;
     }
 }
diff --git a/website/src/components/searchInput/styles.module.css b/website/src/components/searchInput/styles.module.css
@@ -1,6 +1,11 @@
 .inputContainer {
   padding: 0 1rem;
-  min-width: 25rem;
   border-radius: 0.3125rem;
   border: 2px solid var(--navy-200-c-6-ccd-4, #C6CCD4);
+  min-height: 38px;
+}
+
+.inputContainer:active, .inputContainer:focus {
+  border: 2px solid #4f5d75;
+  outline: none;
 }
diff --git a/website/src/components/selectDropdown/styles.module.css b/website/src/components/selectDropdown/styles.module.css
@@ -1,5 +1,4 @@
 .selectContainer {
-    min-width: 25rem;
     padding-left: 0 !important;
     border-radius: 0.3125rem;
     border: 2px solid #C6CCD4;