Skip to content
This repository has been archived by the owner on Sep 5, 2024. It is now read-only.

update(input): update styles for underline #2870

Closed
wants to merge 3 commits into from
Closed

update(input): update styles for underline #2870

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
d8ad914
update(input): update styles for underline
joeyperson May 15, 2015
cbaa295
update(input): added trivial space
joeyperson May 15, 2015
4e5c084
update(input): shift no-float placeholders up to line up with input v…
joeyperson May 15, 2015
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 2 additions & 2 deletions src/components/input/input-theme.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -74,8 +74,8 @@ md-input-container.md-THEME_NAME-theme {
[disabled] & {
border-bottom-color: transparent;
color: '{{foreground-3}}';
background-image: linear-gradient(to right, '{{foreground-4}}' 0%, '{{foreground-4}}' 33%, transparent 0%);
background-image: -ms-linear-gradient(left, transparent 0%, '{{foreground-4}}' 100%);
background-image: linear-gradient(to right, '{{foreground-3}}' 0%, '{{foreground-3}}' 33%, transparent 0%);
background-image: -ms-linear-gradient(left, transparent 0%, '{{foreground-3}}' 100%);
}
}
}
5 changes: 3 additions & 2 deletions src/components/input/input.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -86,7 +86,7 @@ md-input-container {
-webkit-font-smoothing: antialiased;
padding-left: $input-container-padding;
z-index: 1;
transform: translate3d(0, $input-label-default-offset + 6, 0) scale($input-label-default-scale);
transform: translate3d(0, $input-label-default-offset + 4, 0) scale($input-label-default-scale);
transition: transform $swift-ease-out-timing-function 0.25s;

@include rtl(transform-origin, left top, right top);
Expand Down Expand Up @@ -200,8 +200,9 @@ md-input-container {
background-position: 0 bottom;
// This background-size is coordinated with a linear-gradient set in input-theme.scss
// to create a dotted line under the input.
background-size: 3px 1px;
background-size: 4px 1px;
background-repeat: repeat-x;
margin-bottom: -1px; // Shift downward so dotted line is positioned the same as other bottom borders
}
}
}
Expand Down