Fix styles to doc search (#1651)

leebyron · alfaslash · leebyron · commit 526621c852e7 · 2021-07-20T13:00:29.000-07:00
Some style fix for PR #1628 Bug: For window size 900px and less Co-authored-by: alfaslash <alfaslash@gmail.com>
diff --git a/website/styles/globals.css b/website/styles/globals.css
@@ -365,6 +365,7 @@ a.try-it {
   border: solid 1px #eee;
   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.15);
   width: 656px;
+  max-width: calc(100vw - 296px);
   position: relative;
   left: -16px;
 }
@@ -378,6 +379,7 @@ a.try-it {
 @media only screen and (max-width: 680px) {
   .docSearch {
     width: calc(100vw - 40px);
+    max-width: initial;
   }
 }
 

Original file line number	Diff line number	Diff line change
`@@ -365,6 +365,7 @@ a.try-it {`
`365`	`365`	`border: solid 1px #eee;`
`366`	`366`	`box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.15);`
`367`	`367`	`width: 656px;`
	`368`	`+ max-width: calc(100vw - 296px);`
`368`	`369`	`position: relative;`
`369`	`370`	`left: -16px;`
`370`	`371`	`}`
`@@ -378,6 +379,7 @@ a.try-it {`
`378`	`379`	`@media only screen and (max-width: 680px) {`
`379`	`380`	`.docSearch {`
`380`	`381`	`width: calc(100vw - 40px);`
	`382`	`+ max-width: initial;`
`381`	`383`	`}`
`382`	`384`	`}`
`383`	`385`