[components, form-builder] fix too thick focus border

sanity-io · Oct 6, 2020 · 7c24d47 · 7c24d47
1 parent 1551585
commit 7c24d47
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/packages/@sanity/components/src/tags/TextField.css b/packages/@sanity/components/src/tags/TextField.css
@@ -8,7 +8,7 @@
 
 .rootReadOnly {
   composes: root;
-  
+
   @nest & .content {
     color: var(--input-color-disabled);
     background: var(--input-bg-disabled);
@@ -23,7 +23,7 @@
 .tags {
   display: flex;
   margin: 0;
-  padding: 0; 
+  padding: 0;
   flex-wrap: wrap;
   gap: var(--small-padding);
 }
@@ -78,7 +78,7 @@
   }
 
   @nest &:focus, &:focus-within {
-    box-shadow: var(--input-box-shadow--focus);
+    box-shadow: var(--input-box-shadow-thin--focus);
     background-color: var(--input-bg-focus);
     border-color: var(--input-border-color-focus);
 

diff --git a/packages/@sanity/form-builder/src/inputs/PortableText/PortableTextInput.css b/packages/@sanity/form-builder/src/inputs/PortableText/PortableTextInput.css
@@ -298,7 +298,7 @@
     height: auto;
     clip: auto;
     outline: none;
-    box-shadow: var(--input-box-shadow--focus);
+    box-shadow: var(--input-box-shadow-thin--focus);
     border-color: var(--input-border-color-focus);
   }
 }