skills/angular__angular
1
0
Fork 0
mirror of https://github.com/angular/angular.git synced 2026-09-14 13:54:52 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(input): Fix floating label width (#689)

Browse Source 
Fix floating label to resize the width to use all available space

Fixes #688.
This commit is contained in:
Jeandeson O. Merelis
2016-06-21 15:47:50 -03:00
committed by Hans
parent f21b2f4223
commit cf2703c911
1 changed files with 6 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/input/input.scss
+6 -2
View File
@@ -2,6 +2,7 @@
@import 'mixins';
@import 'variables';
$md-input-floating-placeholder-scale-factor: 0.75 !default;
// Placeholder colors. Required is used for the `*` star shown in the placeholder.
$md-input-placeholder-color: md-color($md-foreground, hint-text);
@@ -33,7 +34,8 @@ $md-input-underline-disabled-background-image: linear-gradient(to right,
@mixin md-input-placeholder-floating {
display: block;
padding-bottom: 5px;
transform: translateY(-100%) scale(0.75);
transform: translateY(-100%) scale($md-input-floating-placeholder-scale-factor);
width: 100% / $md-input-floating-placeholder-scale-factor;
.md-placeholder-required {
color: $md-input-required-placeholder-color;
@@ -44,6 +46,7 @@ $md-input-underline-disabled-background-image: linear-gradient(to right,
display: inline-block;
position: relative;
font-family: $md-font-family;
overflow: hidden;
// To avoid problems with text-align.
text-align: left;
@@ -119,7 +122,8 @@ $md-input-underline-disabled-background-image: linear-gradient(to right,
transform-origin: bottom left;
transition: transform $swift-ease-out-duration $swift-ease-out-timing-function,
scale $swift-ease-out-duration $swift-ease-out-timing-function,
color $swift-ease-out-duration $swift-ease-out-timing-function;
color $swift-ease-out-duration $swift-ease-out-timing-function,
width $swift-ease-out-duration $swift-ease-out-timing-function;
&.md-empty {
display: block;