Skip to content

Commit 4323fe1

Browse files
ve3ve3
committed
Update input range CSS.
1 parent be9ad3d commit 4323fe1

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

62 files changed

+743
-723
lines changed

‎_original-source-php/form.php‎

Lines changed: 30 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -200,6 +200,36 @@
200200
</form>
201201
<h5>Source</h5>
202202
<pre class="preview-source" data-target-src=".code-sample-form-checkboxradio" data-target-src-remove-first-space="20"></pre>
203+
<h3>Input range</h3>
204+
<form class="rd-form code-sample-form-inputrange">
205+
<div class="form-group">
206+
<label class="control-label" for="input-range">Basic input range</label>
207+
<div class="control-wrapper">
208+
<input id="input-range" type="range">
209+
</div>
210+
</div>
211+
<div class="form-group">
212+
<label class="control-label" for="input-range-disabled">Range disabled</label>
213+
<div class="control-wrapper">
214+
<input id="input-range-disabled" type="range" disabled="">
215+
</div>
216+
</div>
217+
<div class="form-group">
218+
<label class="control-label" for="input-range-minmax">Range min &amp; max (0 - 5)</label>
219+
<div class="control-wrapper">
220+
<input id="input-range-minmax" type="range" min="0" max="5">
221+
</div>
222+
</div>
223+
<div class="form-group">
224+
<label class="control-label" for="input-range-invalid">Range invalid</label>
225+
<div class="control-wrapper">
226+
<input id="input-range-invalid" class="rd-input-invalid" type="range">
227+
</div>
228+
<div class="form-description">Add <code>rd-input-invalid</code> class to the select box.</div>
229+
</div>
230+
</form>
231+
<h5>Source</h5>
232+
<pre class="preview-source" data-target-src=".code-sample-form-inputrange" data-target-src-remove-first-space="20"></pre>
203233
<h3>Select box</h3>
204234
<form class="rd-form code-sample-form-selectbox">
205235
<div class="form-group">

‎_original-source-php/includes/partials/form.php‎

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -92,6 +92,21 @@
9292
<label><input type="checkbox" checked="checked" disabled=""> Input checkbox 3 checked, disabled</label>
9393
</p>
9494
</fieldset>
95+
<fieldset>
96+
<legend>Input range</legend>
97+
<p>
98+
<label for="sample-input-range">Range</label><br>
99+
<input id="sample-input-range" type="range">
100+
</p>
101+
<p>
102+
<label for="sample-input-range-disabled">Range disabled</label><br>
103+
<input id="sample-input-range-disabled" type="range" disabled="">
104+
</p>
105+
<p>
106+
<label for="sample-input-range-minmax">Range min &amp; max (0 - 5)</label><br>
107+
<input id="sample-input-range-minmax" type="range" min="0" max="5">
108+
</p>
109+
</fieldset>
95110
<fieldset>
96111
<legend>Textarea</legend>
97112
<p>

‎accordion.html‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -13,8 +13,8 @@
1313
<link rel="stylesheet" href="assets/css/smartmenus/sm-core-css.css?npm-v=1.1.1">
1414
<link rel="stylesheet" href="assets/css/smartmenus/sm-rdta/sm-rdta.css?v=49e159bb1b8cc5ae941d93c1508e901e">
1515

16-
<link rel="stylesheet" href="assets/css/rdta/typo-and-form/typo-and-form.css?v=52a379fee397f2eb7dea26651210db79">
17-
<link rel="stylesheet" href="assets/css/rdta/rundiz-template-admin.css?v=917288fcd4d374406ac60af71a632444">
16+
<link rel="stylesheet" href="assets/css/rdta/typo-and-form/typo-and-form.css?v=67a4c4e3f1011120e7ea2e5cc64aee15">
17+
<link rel="stylesheet" href="assets/css/rdta/rundiz-template-admin.css?v=e2ece3963ae0f04496d81e5720b4b8ad">
1818

1919
<link class="exclude-preview" rel="stylesheet" href="assets/css-preview/prism.css?v=de20a76f891181fd461354e782db7a0f">
2020
<link class="exclude-preview" rel="stylesheet" href="assets/css-preview/documents.css?v=723a2316bd4d6e8a361b431002473a2c">
@@ -403,7 +403,7 @@ <h5>Source</h5>
403403
</main>
404404
<footer>
405405
<div class="rd-page-footer-left">Visit my <a href="https://github.com/Rundiz/rundiz-template-for-admin" target="_blank">GitHub</a></div>
406-
<div class="rd-page-footer-right"><a href="https://rundiz.com" target="_blank">Rundiz</a> template for admin 2.4.6</div>
406+
<div class="rd-page-footer-right"><a href="https://rundiz.com" target="_blank">Rundiz</a> template for admin 2.4.7dev-20250520</div>
407407
</footer>
408408
</div><!--.rd-page-wrapper-->
409409

@@ -421,7 +421,7 @@ <h5>Source</h5>
421421
<script src="assets/js/sticky-sidebar/jquery.sticky-sidebar.min.js?npm-v=3.3.1"></script>
422422
<script src="assets/js/resize-sensor/ResizeSensor.js?v=8652505c23e8fdc8016445c5e13bee64"></script><!-- use with sticky sidebar js. -->
423423

424-
<script src="assets/js/rdta/rundiz-template-admin.js?v=94563169fb1da0c698556f60530a377a"></script>
424+
<script src="assets/js/rdta/rundiz-template-admin.js?v=738567aa9693cf5324fdc885aa97d2a8"></script>
425425

426426
<script class="exclude-preview" src="assets/js-preview/prism.js?v=0718daece78cc150461b32c0ceab4fab" data-manual></script>
427427
<script class="exclude-preview" src="assets/js-preview/view-target-source.js?v=c9c8f5d72845b3693400fb9490283bfa"></script>

‎alert-box.html‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -13,8 +13,8 @@
1313
<link rel="stylesheet" href="assets/css/smartmenus/sm-core-css.css?npm-v=1.1.1">
1414
<link rel="stylesheet" href="assets/css/smartmenus/sm-rdta/sm-rdta.css?v=49e159bb1b8cc5ae941d93c1508e901e">
1515

16-
<link rel="stylesheet" href="assets/css/rdta/typo-and-form/typo-and-form.css?v=52a379fee397f2eb7dea26651210db79">
17-
<link rel="stylesheet" href="assets/css/rdta/rundiz-template-admin.css?v=917288fcd4d374406ac60af71a632444">
16+
<link rel="stylesheet" href="assets/css/rdta/typo-and-form/typo-and-form.css?v=67a4c4e3f1011120e7ea2e5cc64aee15">
17+
<link rel="stylesheet" href="assets/css/rdta/rundiz-template-admin.css?v=e2ece3963ae0f04496d81e5720b4b8ad">
1818

1919
<link class="exclude-preview" rel="stylesheet" href="assets/css-preview/prism.css?v=de20a76f891181fd461354e782db7a0f">
2020
<link class="exclude-preview" rel="stylesheet" href="assets/css-preview/documents.css?v=723a2316bd4d6e8a361b431002473a2c">
@@ -397,7 +397,7 @@ <h5>Source</h5>
397397
</main>
398398
<footer>
399399
<div class="rd-page-footer-left">Visit my <a href="https://github.com/Rundiz/rundiz-template-for-admin" target="_blank">GitHub</a></div>
400-
<div class="rd-page-footer-right"><a href="https://rundiz.com" target="_blank">Rundiz</a> template for admin 2.4.6</div>
400+
<div class="rd-page-footer-right"><a href="https://rundiz.com" target="_blank">Rundiz</a> template for admin 2.4.7dev-20250520</div>
401401
</footer>
402402
</div><!--.rd-page-wrapper-->
403403

@@ -415,7 +415,7 @@ <h5>Source</h5>
415415
<script src="assets/js/sticky-sidebar/jquery.sticky-sidebar.min.js?npm-v=3.3.1"></script>
416416
<script src="assets/js/resize-sensor/ResizeSensor.js?v=8652505c23e8fdc8016445c5e13bee64"></script><!-- use with sticky sidebar js. -->
417417

418-
<script src="assets/js/rdta/rundiz-template-admin.js?v=94563169fb1da0c698556f60530a377a"></script>
418+
<script src="assets/js/rdta/rundiz-template-admin.js?v=738567aa9693cf5324fdc885aa97d2a8"></script>
419419

420420
<script class="exclude-preview" src="assets/js-preview/prism.js?v=0718daece78cc150461b32c0ceab4fab" data-manual></script>
421421
<script class="exclude-preview" src="assets/js-preview/view-target-source.js?v=c9c8f5d72845b3693400fb9490283bfa"></script>

‎alert-dialog.html‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -13,8 +13,8 @@
1313
<link rel="stylesheet" href="assets/css/smartmenus/sm-core-css.css?npm-v=1.1.1">
1414
<link rel="stylesheet" href="assets/css/smartmenus/sm-rdta/sm-rdta.css?v=49e159bb1b8cc5ae941d93c1508e901e">
1515

16-
<link rel="stylesheet" href="assets/css/rdta/typo-and-form/typo-and-form.css?v=52a379fee397f2eb7dea26651210db79">
17-
<link rel="stylesheet" href="assets/css/rdta/rundiz-template-admin.css?v=917288fcd4d374406ac60af71a632444">
16+
<link rel="stylesheet" href="assets/css/rdta/typo-and-form/typo-and-form.css?v=67a4c4e3f1011120e7ea2e5cc64aee15">
17+
<link rel="stylesheet" href="assets/css/rdta/rundiz-template-admin.css?v=e2ece3963ae0f04496d81e5720b4b8ad">
1818

1919
<link class="exclude-preview" rel="stylesheet" href="assets/css-preview/prism.css?v=de20a76f891181fd461354e782db7a0f">
2020
<link class="exclude-preview" rel="stylesheet" href="assets/css-preview/documents.css?v=723a2316bd4d6e8a361b431002473a2c">
@@ -381,7 +381,7 @@ <h3>Events</h3>
381381
</main>
382382
<footer>
383383
<div class="rd-page-footer-left">Visit my <a href="https://github.com/Rundiz/rundiz-template-for-admin" target="_blank">GitHub</a></div>
384-
<div class="rd-page-footer-right"><a href="https://rundiz.com" target="_blank">Rundiz</a> template for admin 2.4.6</div>
384+
<div class="rd-page-footer-right"><a href="https://rundiz.com" target="_blank">Rundiz</a> template for admin 2.4.7dev-20250520</div>
385385
</footer>
386386
</div><!--.rd-page-wrapper-->
387387

@@ -399,7 +399,7 @@ <h3>Events</h3>
399399
<script src="assets/js/sticky-sidebar/jquery.sticky-sidebar.min.js?npm-v=3.3.1"></script>
400400
<script src="assets/js/resize-sensor/ResizeSensor.js?v=8652505c23e8fdc8016445c5e13bee64"></script><!-- use with sticky sidebar js. -->
401401

402-
<script src="assets/js/rdta/rundiz-template-admin.js?v=94563169fb1da0c698556f60530a377a"></script>
402+
<script src="assets/js/rdta/rundiz-template-admin.js?v=738567aa9693cf5324fdc885aa97d2a8"></script>
403403

404404
<script class="exclude-preview" src="assets/js-preview/prism.js?v=0718daece78cc150461b32c0ceab4fab" data-manual></script>
405405
<script class="exclude-preview" src="assets/js-preview/view-target-source.js?v=c9c8f5d72845b3693400fb9490283bfa"></script>

‎assets-src/css/rdta/_data-table.css‎

Lines changed: 26 additions & 26 deletions
Original file line numberDiff line numberDiff line change
@@ -42,34 +42,34 @@
4242

4343
/* all inputs, select, textarea in filter row */
4444
/* below are `inputbox-like`. */
45-
.rd-datatable .filter-row td input[type=date],
46-
.rd-datatable .filter-row td input[type=datetime-local],
47-
.rd-datatable .filter-row td input[type=email],
48-
.rd-datatable .filter-row td input[type=month],
49-
.rd-datatable .filter-row td input[type=number],
50-
.rd-datatable .filter-row td input[type=password],
51-
.rd-datatable .filter-row td input[type=range],
52-
.rd-datatable .filter-row td input[type=search],
53-
.rd-datatable .filter-row td input[type=tel],
54-
.rd-datatable .filter-row td input[type=text],
55-
.rd-datatable .filter-row td input[type=time],
56-
.rd-datatable .filter-row td input[type=url],
57-
.rd-datatable .filter-row td input[type=week],
45+
.rd-datatable .filter-row td input[type="date"],
46+
.rd-datatable .filter-row td input[type="datetime-local"],
47+
.rd-datatable .filter-row td input[type="email"],
48+
.rd-datatable .filter-row td input[type="month"],
49+
.rd-datatable .filter-row td input[type="number"],
50+
.rd-datatable .filter-row td input[type="password"],
51+
.rd-datatable .filter-row td input[type="range"],
52+
.rd-datatable .filter-row td input[type="search"],
53+
.rd-datatable .filter-row td input[type="tel"],
54+
.rd-datatable .filter-row td input[type="text"],
55+
.rd-datatable .filter-row td input[type="time"],
56+
.rd-datatable .filter-row td input[type="url"],
57+
.rd-datatable .filter-row td input[type="week"],
5858
.rd-datatable .filter-row td select,
5959
.rd-datatable .filter-row td textarea,
60-
.rd-datatable .filter-row th input[type=date],
61-
.rd-datatable .filter-row th input[type=datetime-local],
62-
.rd-datatable .filter-row th input[type=email],
63-
.rd-datatable .filter-row th input[type=month],
64-
.rd-datatable .filter-row th input[type=number],
65-
.rd-datatable .filter-row th input[type=password],
66-
.rd-datatable .filter-row th input[type=range],
67-
.rd-datatable .filter-row th input[type=search],
68-
.rd-datatable .filter-row th input[type=tel],
69-
.rd-datatable .filter-row th input[type=text],
70-
.rd-datatable .filter-row th input[type=time],
71-
.rd-datatable .filter-row th input[type=url],
72-
.rd-datatable .filter-row th input[type=week],
60+
.rd-datatable .filter-row th input[type="date"],
61+
.rd-datatable .filter-row th input[type="datetime-local"],
62+
.rd-datatable .filter-row th input[type="email"],
63+
.rd-datatable .filter-row th input[type="month"],
64+
.rd-datatable .filter-row th input[type="number"],
65+
.rd-datatable .filter-row th input[type="password"],
66+
.rd-datatable .filter-row th input[type="range"],
67+
.rd-datatable .filter-row th input[type="search"],
68+
.rd-datatable .filter-row th input[type="tel"],
69+
.rd-datatable .filter-row th input[type="text"],
70+
.rd-datatable .filter-row th input[type="time"],
71+
.rd-datatable .filter-row th input[type="url"],
72+
.rd-datatable .filter-row th input[type="week"],
7373
.rd-datatable .filter-row th select,
7474
.rd-datatable .filter-row th textarea {
7575
background-color: #fff;

‎assets-src/css/rdta/_dropdown.css‎

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -35,9 +35,9 @@
3535

3636
.rd-dropdown li a,
3737
.rd-dropdown li button,
38-
.rd-dropdown li input[type=button],
39-
.rd-dropdown li input[type=reset],
40-
.rd-dropdown li input[type=submit] {
38+
.rd-dropdown li input[type="button"],
39+
.rd-dropdown li input[type="reset"],
40+
.rd-dropdown li input[type="submit"] {
4141
background-color: transparent;
4242
color: inherit;
4343
display: block;
@@ -46,19 +46,19 @@
4646
}
4747

4848
.rd-dropdown li button,
49-
.rd-dropdown li input[type=button],
50-
.rd-dropdown li input[type=reset],
51-
.rd-dropdown li input[type=submit] {
49+
.rd-dropdown li input[type="button"],
50+
.rd-dropdown li input[type="reset"],
51+
.rd-dropdown li input[type="submit"] {
5252
border: none;
5353
box-shadow: none;
5454
margin: 0;
5555
text-align: left;
5656
}
5757

5858
.rd-dropdown li button:active,
59-
.rd-dropdown li input[type=button]:active,
60-
.rd-dropdown li input[type=reset]:active,
61-
.rd-dropdown li input[type=submit]:active {
59+
.rd-dropdown li input[type="button"]:active,
60+
.rd-dropdown li input[type="reset"]:active,
61+
.rd-dropdown li input[type="submit"]:active {
6262
box-shadow: none;
6363
top: auto;
6464
}

‎assets-src/css/rdta/_form-input-file.css‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -24,7 +24,7 @@
2424
border-color: var(--rdta-tpf-form-invalid-border-color) !important;
2525
}
2626

27-
.rd-inputfile input[type=file] {
27+
.rd-inputfile input[type="file"] {
2828
display: block;
2929
filter: alpha(opacity=0);
3030
height: 100%;
@@ -50,7 +50,7 @@
5050
}
5151

5252
.rd-input-files-queue > button,
53-
.rd-input-files-queue > input[type=button],
53+
.rd-input-files-queue > input[type="button"],
5454
.rd-input-files-queue > .rd-button {
5555
margin-top: calc(var(--rdta-tpf-button-3d-height) * -1);
5656
position: relative;

‎assets-src/css/rdta/_form.css‎

Lines changed: 39 additions & 39 deletions
Original file line numberDiff line numberDiff line change
@@ -7,38 +7,38 @@
77

88
/* input sizes */
99
/* below are `inputbox-like`. */
10-
input[type=date].input-large,
11-
input[type=datetime-local].input-large,
12-
input[type=email].input-large,
13-
input[type=month].input-large,
14-
input[type=number].input-large,
15-
input[type=password].input-large,
16-
input[type=range].input-large,
17-
input[type=search].input-large,
18-
input[type=tel].input-large,
19-
input[type=text].input-large,
20-
input[type=time].input-large,
21-
input[type=url].input-large,
22-
input[type=week].input-large,
10+
input[type="date"].input-large,
11+
input[type="datetime-local"].input-large,
12+
input[type="email"].input-large,
13+
input[type="month"].input-large,
14+
input[type="number"].input-large,
15+
input[type="password"].input-large,
16+
input[type="range"].input-large,
17+
input[type="search"].input-large,
18+
input[type="tel"].input-large,
19+
input[type="text"].input-large,
20+
input[type="time"].input-large,
21+
input[type="url"].input-large,
22+
input[type="week"].input-large,
2323
select.input-large,
2424
textarea.input-large {
2525
font-size: var(--rdta-form-large-font-size);
2626
}
2727

2828
/* below are `inputbox-like`. */
29-
input[type=date].input-small,
30-
input[type=datetime-local].input-small,
31-
input[type=email].input-small,
32-
input[type=month].input-small,
33-
input[type=number].input-small,
34-
input[type=password].input-small,
35-
input[type=range].input-small,
36-
input[type=search].input-small,
37-
input[type=tel].input-small,
38-
input[type=text].input-small,
39-
input[type=time].input-small,
40-
input[type=url].input-small,
41-
input[type=week].input-small,
29+
input[type="date"].input-small,
30+
input[type="datetime-local"].input-small,
31+
input[type="email"].input-small,
32+
input[type="month"].input-small,
33+
input[type="number"].input-small,
34+
input[type="password"].input-small,
35+
input[type="range"].input-small,
36+
input[type="search"].input-small,
37+
input[type="tel"].input-small,
38+
input[type="text"].input-small,
39+
input[type="time"].input-small,
40+
input[type="url"].input-small,
41+
input[type="week"].input-small,
4242
select.input-small,
4343
textarea.input-small {
4444
font-size: var(--rdta-form-small-font-size);
@@ -69,19 +69,19 @@ textarea.input-small {
6969
}
7070

7171
/* below are `inputbox-like`. */
72-
.rd-form .form-group .control-wrapper input[type=date],
73-
.rd-form .form-group .control-wrapper input[type=datetime-local],
74-
.rd-form .form-group .control-wrapper input[type=email],
75-
.rd-form .form-group .control-wrapper input[type=month],
76-
.rd-form .form-group .control-wrapper input[type=number],
77-
.rd-form .form-group .control-wrapper input[type=password],
78-
.rd-form .form-group .control-wrapper input[type=range],
79-
.rd-form .form-group .control-wrapper input[type=search],
80-
.rd-form .form-group .control-wrapper input[type=tel],
81-
.rd-form .form-group .control-wrapper input[type=text],
82-
.rd-form .form-group .control-wrapper input[type=time],
83-
.rd-form .form-group .control-wrapper input[type=url],
84-
.rd-form .form-group .control-wrapper input[type=week],
72+
.rd-form .form-group .control-wrapper input[type="date"],
73+
.rd-form .form-group .control-wrapper input[type="datetime-local"],
74+
.rd-form .form-group .control-wrapper input[type="email"],
75+
.rd-form .form-group .control-wrapper input[type="month"],
76+
.rd-form .form-group .control-wrapper input[type="number"],
77+
.rd-form .form-group .control-wrapper input[type="password"],
78+
.rd-form .form-group .control-wrapper input[type="range"],
79+
.rd-form .form-group .control-wrapper input[type="search"],
80+
.rd-form .form-group .control-wrapper input[type="tel"],
81+
.rd-form .form-group .control-wrapper input[type="text"],
82+
.rd-form .form-group .control-wrapper input[type="time"],
83+
.rd-form .form-group .control-wrapper input[type="url"],
84+
.rd-form .form-group .control-wrapper input[type="week"],
8585
.rd-form .form-group .control-wrapper select,
8686
.rd-form .form-group .control-wrapper textarea {
8787
display: block;

‎assets-src/css/rdta/typo-and-form/_focusable-elements.css‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -23,17 +23,17 @@ textarea:focus {
2323
outline: 3px solid var(--rdta-tpf-form-focus-color);
2424
}
2525

26-
input[type=radio]:focus {
26+
input[type="radio"]:focus {
2727
border-radius: 50%;
2828
}
2929

3030
button:-moz-focusring,
31-
[type=button]:-moz-focusring,
32-
[type=reset]:-moz-focusring,
33-
[type=submit]:-moz-focusring {
31+
[type="button"]:-moz-focusring,
32+
[type="reset"]:-moz-focusring,
33+
[type="submit"]:-moz-focusring {
3434
outline: 2px solid var(--rdta-tpf-form-focus-color);/* override focus on button in Firefox. this also override sanitize.css which is must begins with [type="xxx"]. */
3535
}
3636

37-
input[type=color]::-moz-focus-inner {
37+
input[type="color"]::-moz-focus-inner {
3838
border: none;/* remove focus dotted in Firefox. */
3939
}

0 commit comments

Comments
 (0)