fix: make search bar taller on widescreen (#1210)

facebook · Jan 29, 2019 · a99dbb1 · a99dbb1
1 parent 487fd57
commit a99dbb1
Showing 1 changed file with 16 additions and 1 deletion.
diff --git a/v1/lib/static/css/main.css b/v1/lib/static/css/main.css
@@ -934,6 +934,14 @@ input#search_input_react {
  width: 170px;
 }
 
+.navSearchWrapper:before {
+ left: 24px;
+}
+
+.navSearchWrapper:after {
+ left: 35px;
+}
+
 input#search_input_react:focus,
 input#search_input_react:active {
  color: #fff;
@@ -1368,7 +1376,7 @@ input::placeholder {
  font-size: 14px;
  line-height: 20px;
  outline: none;
- padding-left: 25px;
+ padding-left: 38px;
  position: relative;
  transition: background-color 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55),
  width 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55), color 0.2s ease;
@@ -1426,6 +1434,13 @@ input::placeholder {
  top: auto;
  }
 
+ .reactNavSearchWrapper input#search_input_react {
+ height: 100%;
+ padding-top: 8px;
+ padding-bottom: 8px;
+ padding-left: 38px;
+ }
+
  .navSearchWrapper .algolia-autocomplete {
  display: block;
  }