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

Side by Side Diff: third_party/polymer/components/paper-icon-button/paper-icon-button-light.html

Issue 2113853002: Run bower update (Closed) Base URL: https://github.com/catapult-project/catapult@polymer10-migration
Patch Set: Created 4 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 unified diff | Download patch
OLDNEW
(Empty)
1 <!--
2 @license
3 Copyright (c) 2016 The Polymer Project Authors. All rights reserved.
4 This code may only be used under the BSD style license found at http://polymer.g ithub.io/LICENSE.txt
5 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
6 The complete set of contributors may be found at http://polymer.github.io/CONTRI BUTORS.txt
7 Code distributed by Google as part of the polymer project is also
8 subject to an additional IP rights grant found at http://polymer.github.io/PATEN TS.txt
9 -->
10
11 <link rel="import" href="../polymer/polymer.html">
12 <link rel="import" href="../paper-behaviors/paper-ripple-behavior.html">
13
14 <!--
15 @group Paper Elements
16 @element paper-icon-button-light
17 @demo demo/paper-icon-button-light.html
18 -->
19 <dom-module id="paper-icon-button-light">
20 <template strip-whitespace>
21 <style>
22 :host {
23 vertical-align: middle;
24 color: inherit;
25 outline: none;
26 width: 24px;
27 height: 24px;
28 background: none;
29 margin: 0;
30 border: none;
31 padding: 0;
32
33 position: relative;
34 cursor: pointer;
35
36 /* NOTE: Both values are needed, since some phones require the value to be `transparent`. */
37 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
38 -webkit-tap-highlight-color: transparent;
39 }
40
41 :host([disabled]) {
42 color: #9b9b9b;
43 pointer-events: none;
44 cursor: auto;
45 }
46
47 paper-ripple {
48 opacity: 0.6;
49 color: currentColor;
50 }
51 </style>
52 <content></content>
53 </template>
54 <script>
55 Polymer({
56 is: 'paper-icon-button-light',
57 extends: 'button',
58
59 behaviors: [
60 Polymer.PaperRippleBehavior
61 ],
62
63 listeners: {
64 'down': '_rippleDown',
65 'up': '_rippleUp',
66 'focus': '_rippleDown',
67 'blur': '_rippleUp',
68 },
69
70 _rippleDown: function() {
71 this.getRipple().downAction();
72 },
73
74 _rippleUp: function() {
75 this.getRipple().upAction();
76 },
77
78 /**
79 * @param {...*} var_args
80 */
81 ensureRipple: function(var_args) {
82 var lastRipple = this._ripple;
83 Polymer.PaperRippleBehavior.ensureRipple.apply(this, arguments);
84 if (this._ripple && this._ripple !== lastRipple) {
85 this._ripple.center = true;
86 this._ripple.classList.add('circle');
87 }
88 }
89 });
90 </script>
91 </dom-module>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698