MAGETWO-36480: Widget UI issues on Frontend

Natalia Momotenko · Natalia Momotenko · commit 1cd2df7e5c71 · 2015-05-18T19:50:28.000+03:00
diff --git a/app/design/frontend/Magento/blank/web/css/source/_extends.less b/app/design/frontend/Magento/blank/web/css/source/_extends.less
@@ -1017,7 +1017,14 @@
         position: relative;
     }
     input {
-        margin-right: @indent__s;
-        width: calc(~"100% - (@{icon-calendar__font-size} + @{indent__s})");
+        &:extend(.abs-field-date-input);
     }
 }
+
+//
+//    Form Field Date Input
+//--------------------------------------
+.abs-field-date-input {
+    margin-right: @indent__s;
+    width: calc(~"100% - (@{icon-calendar__font-size} + @{indent__s})");
+}
diff --git a/app/design/frontend/Magento/blank/web/css/source/_forms.less b/app/design/frontend/Magento/blank/web/css/source/_forms.less
@@ -143,7 +143,8 @@ select:focus ~ .tooltip .tooltip-content {
         .legend {
             &:extend(.abs-margin-for-forms-desktop all);
         }
-        > .field {
+        > .field,
+        > .fields > .field {
             .form-field-type-revert();
             margin: 0 0 @form-field__vertical-indent__desktop;
         }
diff --git a/app/design/frontend/Magento/luma/web/css/source/_extends.less b/app/design/frontend/Magento/luma/web/css/source/_extends.less
@@ -1334,7 +1334,14 @@
         &:extend(.abs-add-box-sizing all);
     }
     input {
-        width: calc(~"100% - (@{icon-calendar__font-size} + @{indent__s})");
-        margin-right: @indent__s;
+        &:extend(.abs-field-date-input);
     }
 }
+
+//
+//    Form Field Date Input
+//--------------------------------------
+.abs-field-date-input {
+    margin-right: @indent__s;
+    width: calc(~"100% - (@{icon-calendar__font-size} + @{indent__s})");
+}

Original file line number	Diff line number	Diff line change
`@@ -1017,7 +1017,14 @@`
`1017`	`1017`	`position: relative;`
`1018`	`1018`	`}`
`1019`	`1019`	`input {`
`1020`		`- margin-right: @indent__s;`
`1021`		`- width: calc(~"100% - (@{icon-calendar__font-size} + @{indent__s})");`
	`1020`	`+ &:extend(.abs-field-date-input);`
`1022`	`1021`	`}`
`1023`	`1022`	`}`
	`1023`	`+`
	`1024`	`+//`
	`1025`	`+// Form Field Date Input`
	`1026`	`+//--------------------------------------`
	`1027`	`+.abs-field-date-input {`
	`1028`	`+ margin-right: @indent__s;`
	`1029`	`+ width: calc(~"100% - (@{icon-calendar__font-size} + @{indent__s})");`
	`1030`	`+}`
Original file line number	Diff line number	Diff line change
`@@ -143,7 +143,8 @@ select:focus ~ .tooltip .tooltip-content {`
`143`	`143`	`.legend {`
`144`	`144`	`&:extend(.abs-margin-for-forms-desktop all);`
`145`	`145`	`}`
`146`		`- > .field {`
	`146`	`+ > .field,`
	`147`	`+ > .fields > .field {`
`147`	`148`	`.form-field-type-revert();`
`148`	`149`	`margin: 0 0 @form-field__vertical-indent__desktop;`
`149`	`150`	`}`
Original file line number	Diff line number	Diff line change
`@@ -1334,7 +1334,14 @@`
`1334`	`1334`	`&:extend(.abs-add-box-sizing all);`
`1335`	`1335`	`}`
`1336`	`1336`	`input {`
`1337`		`- width: calc(~"100% - (@{icon-calendar__font-size} + @{indent__s})");`
`1338`		`- margin-right: @indent__s;`
	`1337`	`+ &:extend(.abs-field-date-input);`
`1339`	`1338`	`}`
`1340`	`1339`	`}`
	`1340`	`+`
	`1341`	`+//`
	`1342`	`+// Form Field Date Input`
	`1343`	`+//--------------------------------------`
	`1344`	`+.abs-field-date-input {`
	`1345`	`+ margin-right: @indent__s;`
	`1346`	`+ width: calc(~"100% - (@{icon-calendar__font-size} + @{indent__s})");`
	`1347`	`+}`