fix overflow on search box

joehand · joehand · commit 28d290b42050 · 2017-08-30T11:20:05.000-07:00
diff --git a/client/js/pages/landing/index.js b/client/js/pages/landing/index.js
@@ -117,11 +117,11 @@ module.exports = function (state, emit) {
       }
     }
 
-    const searchIcon = datIcon('search', {class: 'absolute top-1 ml1 left-0 h2 w2 color-green'})
+    const searchIcon = datIcon('search', {class: 'bg-white absolute top-1 ml1 left-0 h2 w2 color-green'})
     return html`
       <div class="relative dat-input db">
         ${searchIcon}
-        <input class="f3 pv3 pr4 pl3 indent w-100 dat-input__input h3" name="import-dat" type="text" placeholder="preview dat://" onkeydown=${keydown} />
+        <input style="overflow:hidden;" class="f3 pv3 pr4 pl3 indent w-100 dat-input__input h3" name="import-dat" type="text" placeholder="preview dat://" onkeydown=${keydown} />
       </div>
     `
   }

Original file line number	Diff line number	Diff line change
`@@ -117,11 +117,11 @@ module.exports = function (state, emit) {`
`117`	`117`	`}`
`118`	`118`	`}`
`119`	`119`
`120`		`- const searchIcon = datIcon('search', {class: 'absolute top-1 ml1 left-0 h2 w2 color-green'})`
	`120`	`+ const searchIcon = datIcon('search', {class: 'bg-white absolute top-1 ml1 left-0 h2 w2 color-green'})`
`121`	`121`	return html`
`122`	`122`	`<div class="relative dat-input db">`
`123`	`123`	`${searchIcon}`
`124`		`- <input class="f3 pv3 pr4 pl3 indent w-100 dat-input__input h3" name="import-dat" type="text" placeholder="preview dat://" onkeydown=${keydown} />`
	`124`	`+ <input style="overflow:hidden;" class="f3 pv3 pr4 pl3 indent w-100 dat-input__input h3" name="import-dat" type="text" placeholder="preview dat://" onkeydown=${keydown} />`
`125`	`125`	`</div>`
`126`	`126`	`
`127`	`127`	`}`