third_party/polymer/v1_0/components-chromium/paper-slider/paper-slider.html - Issue 2801193002: [Polymer] update paper-slider for RTL support

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

Issue 2801193002: [Polymer] update paper-slider for RTL support (Closed)

Patch Set: Created 3 years, 8 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:

« no previous file with comments | « third_party/polymer/v1_0/components-chromium/paper-slider/bower.json ('k') | third_party/polymer/v1_0/components-chromium/paper-slider/paper-slider-extracted.js » ('j') | third_party/polymer/v1_0/components-chromium/paper-slider/paper-slider-extracted.js » ('J')
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
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="../iron-a11y-keys-behavior/iron-a11y-keys-behavior.html ">	10 <link rel="import" href="../iron-a11y-keys-behavior/iron-a11y-keys-behavior.html ">

(...skipping 70 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
81 --paper-progress-secondary-color: var(--paper-slider-secondary-color, -- google-blue-300);	81 --paper-progress-secondary-color: var(--paper-slider-secondary-color, -- google-blue-300);

82 --paper-progress-disabled-active-color: var(--paper-slider-disabled-acti ve-color, --paper-grey-400);	82 --paper-progress-disabled-active-color: var(--paper-slider-disabled-acti ve-color, --paper-grey-400);

83 --paper-progress-disabled-secondary-color: var(--paper-slider-disabled-s econdary-color, --paper-grey-400);	83 --paper-progress-disabled-secondary-color: var(--paper-slider-disabled-s econdary-color, --paper-grey-400);

84 --calculated-paper-slider-height: var(--paper-slider-height, 2px);	84 --calculated-paper-slider-height: var(--paper-slider-height, 2px);

85 }	85 }

86	86

87 /* focus shows the ripple */	87 /* focus shows the ripple */

88 :host(:focus) {	88 :host(:focus) {

89 outline: none;	89 outline: none;

90 }	90 }

	91

	92 :host-context([dir="rtl"]) #sliderContainer {

	93 -webkit-transform: scaleX(-1);

	94 transform: scaleX(-1);

	95 }

91	96

92 #sliderContainer {	97 #sliderContainer {

93 position: relative;	98 position: relative;

94 width: 100%;	99 width: 100%;

95 height: calc(30px + var(--calculated-paper-slider-height));	100 height: calc(30px + var(--calculated-paper-slider-height));

96 margin-left: calc(15px + var(--calculated-paper-slider-height)/2);	101 margin-left: calc(15px + var(--calculated-paper-slider-height)/2);

97 margin-right: calc(15px + var(--calculated-paper-slider-height)/2);	102 margin-right: calc(15px + var(--calculated-paper-slider-height)/2);

98 }	103 }

99	104

100 #sliderContainer:focus {	105 #sliderContainer:focus {

(...skipping 219 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
320 </div>	325 </div>

321	326

322 <template is="dom-if" if="[[editable]]">	327 <template is="dom-if" if="[[editable]]">

323 <paper-input id="input" type="number" step="[[step]]" min="[[min]]" max="[ [max]]" class="slider-input" disabled$="[[disabled]]" value="[[immediateValue]]" on-change="_changeValue" on-keydown="_inputKeyDown" no-label-float="">	328 <paper-input id="input" type="number" step="[[step]]" min="[[min]]" max="[ [max]]" class="slider-input" disabled$="[[disabled]]" value="[[immediateValue]]" on-change="_changeValue" on-keydown="_inputKeyDown" no-label-float="">

324 </paper-input>	329 </paper-input>

325 </template>	330 </template>

326 </template>	331 </template>

327	332

328 </dom-module>	333 </dom-module>

329 <script src="paper-slider-extracted.js"></script></body></html>	334 <script src="paper-slider-extracted.js"></script></body></html>

OLD	NEW