Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(535)

Unified Diff: third_party/polymer/v1_0/components/paper-input/paper-input-container.html

Issue 1221923003: Update bower.json for Polymer elements and add PRESUBMIT.py (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: rebase Created 5 years, 5 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
Index: third_party/polymer/v1_0/components/paper-input/paper-input-container.html
diff --git a/third_party/polymer/v1_0/components/paper-input/paper-input-container.html b/third_party/polymer/v1_0/components/paper-input/paper-input-container.html
index e9088c26df2d3bbe04e4fb3cbcb41ed59facc818..bd585fa954c0de4ad7236e247012f1ff8f10ceca 100644
--- a/third_party/polymer/v1_0/components/paper-input/paper-input-container.html
+++ b/third_party/polymer/v1_0/components/paper-input/paper-input-container.html
@@ -65,7 +65,11 @@ Custom property | Description | Default
`--paper-input-container-input-color` | Input foreground color | `--primary-text-color`
`--paper-input-container` | Mixin applied to the container | `{}`
`--paper-input-container-label` | Mixin applied to the label | `{}`
+`--paper-input-container-label-focus` | Mixin applied to the label when the input is focused | `{}`
`--paper-input-container-input` | Mixin applied to the input | `{}`
+`--paper-input-container-underline` | Mixin applied to the underline | `{}`
+`--paper-input-container-underline-focus` | Mixin applied to the underline when the input is focued | `{}`
+`--paper-input-container-underline-disabled` | Mixin applied to the underline when the input is disabled | `{}`
This element is `display:block` by default, but you can set the `inline` attribute to make it
`display:inline-block`.
@@ -107,6 +111,8 @@ This element is `display:block` by default, but you can set the `inline` attribu
transform: scale3d(0,1,1);
background: var(--paper-input-container-focus-color, --default-primary-color);
+
+ @apply(--paper-input-container-underline-focus);
}
.underline.is-highlighted .focused-line {
@@ -132,12 +138,16 @@ This element is `display:block` by default, but you can set the `inline` attribu
.unfocused-line {
height: 1px;
background: var(--paper-input-container-color, --secondary-text-color);
+
+ @apply(--paper-input-container-underline);
}
:host([disabled]) .unfocused-line {
border-bottom: 1px dashed;
border-color: var(--paper-input-container-color, --secondary-text-color);
background: transparent;
+
+ @apply(--paper-input-container-underline-disabled);
}
.input-content {
@@ -172,6 +182,8 @@ This element is `display:block` by default, but you can set the `inline` attribu
.input-content.label-is-highlighted ::content label,
.input-content.label-is-highlighted ::content .paper-input-label {
color: var(--paper-input-container-focus-color, --default-primary-color);
+
+ @apply(--paper-input-container-label-focus);
}
.input-content.is-invalid ::content label,

Powered by Google App Engine
This is Rietveld 408576698