| OLD | NEW |
| 1 <!-- Copyright 2016 The Chromium Authors. All rights reserved. | 1 <!-- Copyright 2016 The Chromium Authors. All rights reserved. |
| 2 Use of this source code is governed by a BSD-style license that can be | 2 Use of this source code is governed by a BSD-style license that can be |
| 3 found in the LICENSE file. --> | 3 found in the LICENSE file. --> |
| 4 | 4 |
| 5 <link rel="import" href="chrome://resources/polymer/v1_0/iron-icon/iron-icon.htm
l"> | 5 <link rel="import" href="chrome://resources/polymer/v1_0/iron-icon/iron-icon.htm
l"> |
| 6 <link rel="import" href="chrome://resources/polymer/v1_0/iron-iconset-svg/iron-i
conset-svg.html"> | 6 <link rel="import" href="chrome://resources/polymer/v1_0/iron-iconset-svg/iron-i
conset-svg.html"> |
| 7 <link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-butt
on.html"> | 7 <link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-butt
on.html"> |
| 8 <link rel="import" href="chrome://resources/polymer/v1_0/paper-fab/paper-fab.htm
l"> | 8 <link rel="import" href="chrome://resources/polymer/v1_0/paper-fab/paper-fab.htm
l"> |
| 9 <link rel="import" href="chrome://resources/polymer/v1_0/paper-styles/color.html
"> | 9 <link rel="import" href="chrome://resources/polymer/v1_0/paper-styles/color.html
"> |
| 10 | 10 |
| (...skipping 24 matching lines...) Expand all Loading... |
| 35 </oobe-icon-button> | 35 </oobe-icon-button> |
| 36 | 36 |
| 37 Attributes: | 37 Attributes: |
| 38 'disabled' - button is disabled when the attribute is set. | 38 'disabled' - button is disabled when the attribute is set. |
| 39 'inverse' - makes text white and background blue | 39 'inverse' - makes text white and background blue |
| 40 'label-for-aria' - accessibility label. | 40 'label-for-aria' - accessibility label. |
| 41 --> | 41 --> |
| 42 <dom-module id="oobe-text-button"> | 42 <dom-module id="oobe-text-button"> |
| 43 <link rel="stylesheet" href="oobe_text_button.css"> | 43 <link rel="stylesheet" href="oobe_text_button.css"> |
| 44 <template> | 44 <template> |
| 45 <style> |
| 46 :root { |
| 47 --paper-button-flat-keyboard-focus: { |
| 48 border-color: var(--oobe-text-button-focused-border-color); |
| 49 border-radius: 2px; |
| 50 border-style: solid; |
| 51 border-width: 2px; |
| 52 }; |
| 53 } |
| 54 </style> |
| 45 <paper-button id="textButton" on-tap="onClick_" disabled="[[disabled]]" | 55 <paper-button id="textButton" on-tap="onClick_" disabled="[[disabled]]" |
| 46 inverse$="[[inverse]]" aria-label$="[[labelForAria]]"> | 56 inverse$="[[inverse]]" aria-label$="[[labelForAria]]"> |
| 47 <div id="container" | 57 <div id="container" |
| 48 class="flex layout horizontal center center-justified self-stretch"> | 58 class="flex layout horizontal center center-justified self-stretch"> |
| 49 <content></content> | 59 <content></content> |
| 50 </div> | 60 </div> |
| 51 </paper-button> | 61 </paper-button> |
| 52 </template> | 62 </template> |
| 53 </dom-module> | 63 </dom-module> |
| 54 | 64 |
| (...skipping 53 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 108 <div id="container" class="flex layout vertical center self-stretch"> | 118 <div id="container" class="flex layout vertical center self-stretch"> |
| 109 <div id="subcontainer" | 119 <div id="subcontainer" |
| 110 class="flex layout horizontal center self-stretch"> | 120 class="flex layout horizontal center self-stretch"> |
| 111 <iron-icon icon="[[icon]]" class="oobe-icon"></iron-icon> | 121 <iron-icon icon="[[icon]]" class="oobe-icon"></iron-icon> |
| 112 <content></content> | 122 <content></content> |
| 113 </div> | 123 </div> |
| 114 </div> | 124 </div> |
| 115 </paper-button> | 125 </paper-button> |
| 116 </template> | 126 </template> |
| 117 </dom-module> | 127 </dom-module> |
| OLD | NEW |