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

Unified Diff: third_party/polymer/v0_8/components-chromium/paper-input/paper-input-char-counter.html

Issue 1162563004: Upgrade to 1.0 and switch clients to dom-repeat where needed. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Fix a layout import and remove the gzipped webanimation in reproduce.sh Created 5 years, 7 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/v0_8/components-chromium/paper-input/paper-input-char-counter.html
diff --git a/third_party/polymer/v0_8/components-chromium/paper-input/paper-input-char-counter.html b/third_party/polymer/v0_8/components-chromium/paper-input/paper-input-char-counter.html
index 29bf6c5b5c60ad112f4f47b86b571a51b01ac2f4..e987006231b35ad2e74615d9a7e2851bfdddf3c2 100644
--- a/third_party/polymer/v0_8/components-chromium/paper-input/paper-input-char-counter.html
+++ b/third_party/polymer/v0_8/components-chromium/paper-input/paper-input-char-counter.html
@@ -8,9 +8,24 @@ Code distributed by Google as part of the polymer project is also
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
--><html><head><link rel="import" href="../polymer/polymer.html">
<link rel="import" href="../paper-styles/paper-styles.html">
+<link rel="import" href="paper-input-addon-behavior.html">
<!--
-`<paper-input-char-counter>` is a character counter for use with `<paper-input-container>`.
+`<paper-input-char-counter>` is a character counter for use with `<paper-input-container>`. It
+shows the number of characters entered in the input and the max length if it is specified.
+
+ <paper-input-container>
+ <input is="iron-input" maxlength="20">
+ <paper-input-char-counter></paper-input-char-counter>
+ </paper-input-container>
+
+### Styling
+
+The following mixin is available for styling:
+
+Custom property | Description | Default
+----------------|-------------|----------
+`--paper-input-char-counter` | Mixin applied to the element | `{}`
-->
</head><body><dom-module id="paper-input-char-counter">
@@ -20,17 +35,15 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
display: inline-block;
float: right;
- mixin(--paper-input-container-add-on);
- mixin(--paper-input-container-add-on-font);
-
- mixin(--paper-input-char-counter);
+ @apply(--paper-font-caption);
+ @apply(--paper-input-char-counter);
}
</style>
<template>
- <span>[[charCounter]]</span>
+ <span>[[_charCounterStr]]</span>
</template>

Powered by Google App Engine
This is Rietveld 408576698