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

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

Issue 2502883003: MD Settings: roll paper-input, 1.1.19 -> 1.1.21 (Closed)
Patch Set: merge Created 4 years, 1 month 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-chromium/paper-input/paper-input-container.html
diff --git a/third_party/polymer/v1_0/components-chromium/paper-input/paper-input-container.html b/third_party/polymer/v1_0/components-chromium/paper-input/paper-input-container.html
index 8eeb489f91f76fec49b40e60c31479560968a8ef..a51999568a1c0e09868cf1f114b238fc7ba927c2 100644
--- a/third_party/polymer/v1_0/components-chromium/paper-input/paper-input-container.html
+++ b/third_party/polymer/v1_0/components-chromium/paper-input/paper-input-container.html
@@ -88,6 +88,7 @@ Custom property | Description | Default
`--paper-input-container-label-focus` | Mixin applied to the label when the input is focused | `{}`
`--paper-input-container-label-floating` | Mixin applied to the label when floating | `{}`
`--paper-input-container-input` | Mixin applied to the input | `{}`
+`--paper-input-container-input-webkit-spinner` | Mixin applied to the webkit spinner | `{}`
`--paper-input-container-underline` | Mixin applied to the underline | `{}`
`--paper-input-container-underline-focus` | Mixin applied to the underline when the input is focused | `{}`
`--paper-input-container-underline-disabled` | Mixin applied to the underline when the input is disabled | `{}`
@@ -128,14 +129,14 @@ This element is `display:block` by default, but you can set the `inline` attribu
}
.underline {
+ height: 2px;
position: relative;
}
.focused-line {
@apply(--layout-fit);
- background: var(--paper-input-container-focus-color, --primary-color);
- height: 2px;
+ border-bottom: 2px solid var(--paper-input-container-focus-color, --primary-color);
-webkit-transform-origin: center center;
transform-origin: center center;
@@ -155,7 +156,7 @@ This element is `display:block` by default, but you can set the `inline` attribu
}
.underline.is-invalid .focused-line {
- background: var(--paper-input-container-invalid-color, --error-color);
+ border-color: var(--paper-input-container-invalid-color, --error-color);
-webkit-transform: none;
transform: none;
-webkit-transition: -webkit-transform 0.25s;
@@ -167,8 +168,7 @@ This element is `display:block` by default, but you can set the `inline` attribu
.unfocused-line {
@apply(--layout-fit);
- background: var(--paper-input-container-color, --secondary-text-color);
- height: 1px;
+ border-bottom: 1px solid var(--paper-input-container-color, --secondary-text-color);
@apply(--paper-input-container-underline);
}
@@ -176,7 +176,6 @@ This element is `display:block` by default, but you can set the `inline` attribu
: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);
}
@@ -276,6 +275,11 @@ This element is `display:block` by default, but you can set the `inline` attribu
@apply(--paper-input-container-input);
}
+ .input-content ::content input::-webkit-outer-spin-button,
+ .input-content ::content input::-webkit-inner-spin-button {
+ @apply(--paper-input-container-input-webkit-spinner);
+ }
+
::content [prefix] {
@apply(--paper-font-subhead);

Powered by Google App Engine
This is Rietveld 408576698