fix(input-group): label stays fixed to the top in compact and cosy

simeonoff · simeonoff · commit 25bf40cff9af · 2019-06-07T16:08:41.000+03:00
diff --git a/projects/igniteui-angular/src/lib/core/styles/components/input/_input-group-theme.scss b/projects/igniteui-angular/src/lib/core/styles/components/input/_input-group-theme.scss
@@ -510,15 +510,15 @@
         backface-visibility: hidden;
         will-change: transform;
         transform-origin: top left;
-        transition: transform $transition-timing, color $transition-timing;
+        transition: transform $transition-timing, color $transition-timing, margin $transition-timing;
 
         [dir='rtl'] & {
             transform-origin: top right;
         }
     }
 
     %form-group-label--cosy {
-        margin-top: rem(-4.5px);
+        margin-top: rem(-2px);
     }
 
     %form-group-label--compact {
@@ -532,6 +532,7 @@
     %form-group-label--float {
         overflow: visible;
         transform: translateY(-50%) scale(.75);
+        margin-top: auto;
     }
 
     %form-group-label--fixed {

Original file line number	Diff line number	Diff line change
`@@ -510,15 +510,15 @@`
`510`	`510`	`backface-visibility: hidden;`
`511`	`511`	`will-change: transform;`
`512`	`512`	`transform-origin: top left;`
`513`		`- transition: transform $transition-timing, color $transition-timing;`
	`513`	`+ transition: transform $transition-timing, color $transition-timing, margin $transition-timing;`
`514`	`514`
`515`	`515`	`[dir='rtl'] & {`
`516`	`516`	`transform-origin: top right;`
`517`	`517`	`}`
`518`	`518`	`}`
`519`	`519`
`520`	`520`	`%form-group-label--cosy {`
`521`		`- margin-top: rem(-4.5px);`
	`521`	`+ margin-top: rem(-2px);`
`522`	`522`	`}`
`523`	`523`
`524`	`524`	`%form-group-label--compact {`
`@@ -532,6 +532,7 @@`
`532`	`532`	`%form-group-label--float {`
`533`	`533`	`overflow: visible;`
`534`	`534`	`transform: translateY(-50%) scale(.75);`
	`535`	`+ margin-top: auto;`
`535`	`536`	`}`
`536`	`537`
`537`	`538`	`%form-group-label--fixed {`