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

Side by Side Diff: chrome/browser/resources/chromeos/login/gaia_buttons.html

Issue 1133733003: Unified icon-buttons used in the new GAIA flow. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Rebased onto ToT. 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 unified diff | Download patch
OLDNEW
1 <link rel="import" href="chrome://resources/polymer/core-icon/core-icon.html">
2 <link rel="import" href="chrome://resources/polymer/core-icons/core-icons.html">
3 <link rel="import" href="chrome://resources/polymer/paper-button/paper-button.ht ml">
1 <link rel="import" href="chrome://resources/polymer/polymer/polymer.html"> 4 <link rel="import" href="chrome://resources/polymer/polymer/polymer.html">
2 <link rel="import" href="chrome://resources/polymer/core-icon-button/core-icon-b utton.html">
3 <link rel="import" href="chrome://resources/polymer/paper-button/paper-button.ht ml">
4 5
5 <!-- 6 <!--
6 Simple paper- and core-icon- buttons which also triggers 'tap' event on keys 7 Simple paper- and core-icon- buttons which also triggers 'tap' event on keys
7 'Enter' and 'Space'. 8 'Enter' and 'Space'.
8 --> 9 -->
9 <polymer-element name="gaia-paper-button" extends="paper-button" 10 <polymer-element name="gaia-paper-button" extends="paper-button"
10 on-keydown="onKeyDown" tabindex="0"> 11 on-keydown="onKeyDown" tabindex="0">
11 <template> 12 <template>
12 <shadow></shadow> 13 <shadow></shadow>
13 </template> 14 </template>
14 </polymer-element> 15 </polymer-element>
15 16
16 <polymer-element name="gaia-core-icon-button" extends="core-icon-button" 17 <!--
17 on-keydown="onKeyDown" tabindex="0"> 18 Decorator for a <button>. When applied to a <button>, the button looks like
19 an icon from a material-design icons set. Icon's name should be specified in
20 'icon' attribute.
21
22 Example:
23 <button is="gaia-icon-button" icon="close"></button>
24 -->
25 <polymer-element name="gaia-icon-button" extends="button" attributes="icon"
26 on-mousedown="{{onMouseDown}}">
18 <template> 27 <template>
19 <link rel="stylesheet" href="gaia_core_icon_button.css"> 28 <link rel="stylesheet" href="gaia_icon_button.css">
20 <shadow></shadow> 29 <core-icon icon="{{icon}}" fit></core-icon>
21 </template> 30 </template>
22 </polymer-element> 31 </polymer-element>
23 32
24 <!-- 33 <!--
25 Paper-button which is raised when it's focused. 34 Paper-button which is raised when it's focused.
26 It also triggers 'tap' event on keys 'Enter' and 'Space'. 35 It also triggers 'tap' event on keys 'Enter' and 'Space'.
27 --> 36 -->
28 <polymer-element name="gaia-raised-on-focus-button" extends="gaia-paper-button" 37 <polymer-element name="gaia-raised-on-focus-button" extends="gaia-paper-button"
29 on-focus="{{onButtonFocus}}" on-blur="{{onButtonBlur}}"> 38 on-focus="{{onButtonFocus}}" on-blur="{{onButtonBlur}}">
30 <template> 39 <template>
31 <shadow></shadow> 40 <shadow></shadow>
32 </template> 41 </template>
33 </polymer-element> 42 </polymer-element>
OLDNEW
« no previous file with comments | « chrome/app/theme/theme_resources.grd ('k') | chrome/browser/resources/chromeos/login/gaia_buttons.js » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698