Merge pull request #1 from cstergianos/feature/21592-newsletter-subscription-input-box-fix

cstergianos · web-flow · commit 4916152f7671 · 2019-10-21T12:20:44.000+02:00
Fix label being cutoff in Newsletter registration
diff --git a/app/design/frontend/Magento/luma/Magento_Newsletter/web/css/source/_module.less b/app/design/frontend/Magento/luma/Magento_Newsletter/web/css/source/_module.less
@@ -46,7 +46,8 @@
         }
 
         input {
-            padding-left: 35px;
+            padding: 0 0 0 35px; // Reset some default Safari padding values.
+            margin-right: 35px;
         }
 
         .title {
@@ -78,7 +79,8 @@
 
 .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) {
     .block.newsletter {
-        width: 34%;
+        .lib-css(width, max-content);
+        max-width: 44%;
     }
 }
 

Original file line number	Diff line number	Diff line change
`@@ -46,7 +46,8 @@`
`46`	`46`	`}`
`47`	`47`
`48`	`48`	`input {`
`49`		`- padding-left: 35px;`
	`49`	`+ padding: 0 0 0 35px; // Reset some default Safari padding values.`
	`50`	`+ margin-right: 35px;`
`50`	`51`	`}`
`51`	`52`
`52`	`53`	`.title {`
`@@ -78,7 +79,8 @@`
`78`	`79`
`79`	`80`	`.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) {`
`80`	`81`	`.block.newsletter {`
`81`		`- width: 34%;`
	`82`	`+ .lib-css(width, max-content);`
	`83`	`+ max-width: 44%;`
`82`	`84`	`}`
`83`	`85`	`}`
`84`	`86`