Bug 1605383 - using minheights on searchbox to allow longer translations r=thecount

Differential Revision: https://phabricator.services.mozilla.com/D59389

--HG--
extra : moz-landing-system : lando

browser/components/newtab/content-src/components/Search/_Search.scss

@@ -61,7 +61,7 @@ $glyph-forward: url('chrome://browser/skin/forward.svg');
   .search-inner-wrapper {
     cursor: default;
     display: flex;
-    height: $search-height;
+    min-height: $search-height;
     margin: 0 auto;
     position: relative;
     width: $searchbar-width-small;
@@ -253,7 +253,7 @@ $glyph-forward: url('chrome://browser/skin/forward.svg');
 
       background-color: var(--newtab-search-header-background-color);
       border-bottom: solid 1px var(--newtab-border-secondary-color);
-      height: $search-header-bar-height;
+      min-height: $search-header-bar-height;
       left: 0;
       padding: 30px 0;
       position: fixed;
@@ -262,7 +262,7 @@ $glyph-forward: url('chrome://browser/skin/forward.svg');
       z-index: 9;
 
       .search-inner-wrapper {
-        height: $search-height;
+        min-height: $search-height;
       }
 
       input {

browser/components/newtab/css/activity-stream-linux.css

@@ -1060,7 +1060,7 @@ main {
   .search-wrapper .search-inner-wrapper {
     cursor: default;
     display: flex;
-    height: 48px;
+    min-height: 48px;
     margin: 0 auto;
     position: relative;
     width: 224px; }
@@ -1187,7 +1187,7 @@ main {
   body:not(.inline-onboarding) .fixed-search .search-wrapper {
     background-color: var(--newtab-search-header-background-color);
     border-bottom: solid 1px var(--newtab-border-secondary-color);
-    height: 95px;
+    min-height: 95px;
     left: 0;
     padding: 30px 0;
     position: fixed;
@@ -1195,7 +1195,7 @@ main {
     width: 100%;
     z-index: 9; }
     body:not(.inline-onboarding) .fixed-search .search-wrapper .search-inner-wrapper {
-      height: 35px; }
+      min-height: 35px; }
     body:not(.inline-onboarding) .fixed-search .search-wrapper input {
       background-position-x: 16px;
       background-size: 16px; }

browser/components/newtab/css/activity-stream-mac.css

@@ -1063,7 +1063,7 @@ main {
   .search-wrapper .search-inner-wrapper {
     cursor: default;
     display: flex;
-    height: 48px;
+    min-height: 48px;
     margin: 0 auto;
     position: relative;
     width: 224px; }
@@ -1190,7 +1190,7 @@ main {
   body:not(.inline-onboarding) .fixed-search .search-wrapper {
     background-color: var(--newtab-search-header-background-color);
     border-bottom: solid 1px var(--newtab-border-secondary-color);
-    height: 95px;
+    min-height: 95px;
     left: 0;
     padding: 30px 0;
     position: fixed;
@@ -1198,7 +1198,7 @@ main {
     width: 100%;
     z-index: 9; }
     body:not(.inline-onboarding) .fixed-search .search-wrapper .search-inner-wrapper {
-      height: 35px; }
+      min-height: 35px; }
     body:not(.inline-onboarding) .fixed-search .search-wrapper input {
       background-position-x: 16px;
       background-size: 16px; }

browser/components/newtab/css/activity-stream-windows.css

@@ -1060,7 +1060,7 @@ main {
   .search-wrapper .search-inner-wrapper {
     cursor: default;
     display: flex;
-    height: 48px;
+    min-height: 48px;
     margin: 0 auto;
     position: relative;
     width: 224px; }
@@ -1187,7 +1187,7 @@ main {
   body:not(.inline-onboarding) .fixed-search .search-wrapper {
     background-color: var(--newtab-search-header-background-color);
     border-bottom: solid 1px var(--newtab-border-secondary-color);
-    height: 95px;
+    min-height: 95px;
     left: 0;
     padding: 30px 0;
     position: fixed;
@@ -1195,7 +1195,7 @@ main {
     width: 100%;
     z-index: 9; }
     body:not(.inline-onboarding) .fixed-search .search-wrapper .search-inner-wrapper {
-      height: 35px; }
+      min-height: 35px; }
     body:not(.inline-onboarding) .fixed-search .search-wrapper input {
       background-position-x: 16px;
       background-size: 16px; }