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

Side by Side Diff: third_party/polymer/v1_0/components-chromium/paper-radio-button/paper-radio-button.html

Issue 2839293002: Roll some polymer elements and remove stuff from chromium.patch (Closed)
Patch Set: . Created 3 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 <!-- 1 <!--
2 @license 2 @license
3 Copyright (c) 2015 The Polymer Project Authors. All rights reserved. 3 Copyright (c) 2015 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 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 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 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 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 8 subject to an additional IP rights grant found at http://polymer.github.io/PATEN TS.txt
9 --><html><head><link rel="import" href="../polymer/polymer.html"> 9 --><html><head><link rel="import" href="../polymer/polymer.html">
10 <link rel="import" href="../paper-behaviors/paper-checked-element-behavior.html" > 10 <link rel="import" href="../paper-behaviors/paper-checked-element-behavior.html" >
(...skipping 25 matching lines...) Expand all
36 `--paper-radio-button-unchecked-color` | Radio button color when the input is no t checked | `--primary-text-color` 36 `--paper-radio-button-unchecked-color` | Radio button color when the input is no t checked | `--primary-text-color`
37 `--paper-radio-button-unchecked-ink-color` | Selected/focus ripple color when th e input is not checked | `--primary-text-color` 37 `--paper-radio-button-unchecked-ink-color` | Selected/focus ripple color when th e input is not checked | `--primary-text-color`
38 `--paper-radio-button-checked-color` | Radio button color when the input is chec ked | `--primary-color` 38 `--paper-radio-button-checked-color` | Radio button color when the input is chec ked | `--primary-color`
39 `--paper-radio-button-checked-ink-color` | Selected/focus ripple color when the input is checked | `--primary-color` 39 `--paper-radio-button-checked-ink-color` | Selected/focus ripple color when the input is checked | `--primary-color`
40 `--paper-radio-button-size` | Size of the radio button | `16px` 40 `--paper-radio-button-size` | Size of the radio button | `16px`
41 `--paper-radio-button-ink-size` | Size of the ripple | `48px` 41 `--paper-radio-button-ink-size` | Size of the ripple | `48px`
42 `--paper-radio-button-label-color` | Label color | `--primary-text-color` 42 `--paper-radio-button-label-color` | Label color | `--primary-text-color`
43 `--paper-radio-button-label-spacing` | Spacing between the label and the button | `10px` 43 `--paper-radio-button-label-spacing` | Spacing between the label and the button | `10px`
44 `--paper-radio-button-radio-container` | A mixin applied to the internal radio c ontainer | `{}` 44 `--paper-radio-button-radio-container` | A mixin applied to the internal radio c ontainer | `{}`
45 `--paper-radio-button-label` | A mixin applied to the internal label | `{}` 45 `--paper-radio-button-label` | A mixin applied to the internal label | `{}`
46 `--paper-radio-button-label-checked` | A mixin applied to the internal label whe n the radio button is checked | `{}`
46 47
47 This element applies the mixin `--paper-font-common-base` but does not import `p aper-styles/typography.html`. 48 This element applies the mixin `--paper-font-common-base` but does not import `p aper-styles/typography.html`.
48 In order to apply the `Roboto` font to this element, make sure you've imported ` paper-styles/typography.html`. 49 In order to apply the `Roboto` font to this element, make sure you've imported ` paper-styles/typography.html`.
49 50
50 @group Paper Elements 51 @group Paper Elements
51 @element paper-radio-button 52 @element paper-radio-button
52 @hero hero.svg 53 @hero hero.svg
53 @demo demo/index.html 54 @demo demo/index.html
54 --> 55 -->
55 56
(...skipping 83 matching lines...) Expand 10 before | Expand all | Expand 10 after
139 position: relative; 140 position: relative;
140 display: inline-block; 141 display: inline-block;
141 vertical-align: middle; 142 vertical-align: middle;
142 margin-left: var(--paper-radio-button-label-spacing, 10px); 143 margin-left: var(--paper-radio-button-label-spacing, 10px);
143 white-space: normal; 144 white-space: normal;
144 color: var(--paper-radio-button-label-color, --primary-text-color); 145 color: var(--paper-radio-button-label-color, --primary-text-color);
145 146
146 @apply(--paper-radio-button-label); 147 @apply(--paper-radio-button-label);
147 } 148 }
148 149
150 :host([checked]) #radioLabel {
151 @apply(--paper-radio-button-label-checked);
152 }
153
149 :host-context([dir="rtl"]) #radioLabel { 154 :host-context([dir="rtl"]) #radioLabel {
150 margin-left: 0; 155 margin-left: 0;
151 margin-right: var(--paper-radio-button-label-spacing, 10px); 156 margin-right: var(--paper-radio-button-label-spacing, 10px);
152 } 157 }
153 158
154 #radioLabel[hidden] { 159 #radioLabel[hidden] {
155 display: none; 160 display: none;
156 } 161 }
157 162
158 /* disabled state */ 163 /* disabled state */
(...skipping 16 matching lines...) Expand all
175 180
176 <div id="radioContainer"> 181 <div id="radioContainer">
177 <div id="offRadio"></div> 182 <div id="offRadio"></div>
178 <div id="onRadio"></div> 183 <div id="onRadio"></div>
179 </div> 184 </div>
180 185
181 <div id="radioLabel"><content></content></div> 186 <div id="radioLabel"><content></content></div>
182 </template> 187 </template>
183 188
184 </dom-module> 189 </dom-module>
185 <script src="paper-radio-button-extracted.js"></script></body></html> 190 <script src="paper-radio-button-extracted.js"></script></body></html>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698