@progressive-development/pd-forms 0.1.28 → 0.1.29
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +1 -1
- package/src/PdRange.js +10 -2
package/package.json
CHANGED
package/src/PdRange.js
CHANGED
|
@@ -210,11 +210,19 @@ export class PdRange extends PdBaseUIInput {
|
|
|
210
210
|
.tick {
|
|
211
211
|
line-height: 5px;
|
|
212
212
|
height: 5px;
|
|
213
|
-
margin-top: -
|
|
213
|
+
margin-top: -13px;
|
|
214
214
|
font-size: 8pt;
|
|
215
215
|
font-weight: bolder;
|
|
216
216
|
}
|
|
217
217
|
|
|
218
|
+
.tick disabled {
|
|
219
|
+
color: grey;
|
|
220
|
+
}
|
|
221
|
+
|
|
222
|
+
.tick enabled {
|
|
223
|
+
color: var(--pd-default-col);
|
|
224
|
+
}
|
|
225
|
+
|
|
218
226
|
`
|
|
219
227
|
];
|
|
220
228
|
}
|
|
@@ -237,7 +245,7 @@ export class PdRange extends PdBaseUIInput {
|
|
|
237
245
|
@change="${this._onChange}"
|
|
238
246
|
@input="${this._onChange}"
|
|
239
247
|
>
|
|
240
|
-
<div class="ticks">
|
|
248
|
+
<div class="ticks ${this.disabled ? "disabled" : "enabled"}">
|
|
241
249
|
<span class="tick">|</span>
|
|
242
250
|
<span class="tick">|</span>
|
|
243
251
|
<span class="tick">|</span>
|