Skip to content

Commit b115535

Browse files
kendo-botkendo-bot
committed
chore: update visual previews
1 parent 4f8fe61 commit b115535

18 files changed

+449
-43
lines changed

‎tests/_output/bootstrap/floating-label/floating-label-input-sizes.png

1.65 KB
Loading

‎tests/_output/bootstrap/floating-label/floating-label-position.png

44.3 KB
Loading

‎tests/_output/bootstrap/floating-label/floating-label-textarea-sizes.png

28.6 KB
Loading

‎tests/_output/classic/floating-label/floating-label-input-sizes.png

956 Bytes
Loading

‎tests/_output/classic/floating-label/floating-label-position.png

41 KB
Loading

‎tests/_output/classic/floating-label/floating-label-textarea-sizes.png

24.7 KB
Loading

‎tests/_output/default/floating-label/floating-label-input-sizes.png

893 Bytes
Loading

‎tests/_output/default/floating-label/floating-label-position.png

35 KB
Loading

‎tests/_output/default/floating-label/floating-label-textarea-sizes.png

23.9 KB
Loading

‎tests/_output/fluent/floating-label/floating-label-input-sizes.png

798 Bytes
Loading

‎tests/_output/fluent/floating-label/floating-label-position.png

34.2 KB
Loading

‎tests/_output/fluent/floating-label/floating-label-textarea-sizes.png

23.8 KB
Loading

‎tests/_output/material/floating-label/floating-label-input-sizes.png

682 Bytes
Loading

‎tests/_output/material/floating-label/floating-label-position.png

39 KB
Loading

‎tests/_output/material/floating-label/floating-label-textarea-sizes.png

29.5 KB
Loading

‎tests/floating-label/floating-label-input-sizes.html

Lines changed: 44 additions & 43 deletions
Original file line numberDiff line numberDiff line change
@@ -49,27 +49,52 @@
4949
<label class="k-floating-label">Label</label>
5050
</span>
5151
</div>
52-
<span>textarea</span>
52+
<span>textbox border</span>
5353
<div>
54-
<span class="k-floating-label-container k-empty">
55-
<span class="k-textarea !k-flex-col k-input k-input-sm k-input-solid k-rounded-md">
56-
<textarea class="!k-overflow-auto !k-flex-none k-resize k-input-inner" placeholder=""></textarea>
54+
<span class="k-floating-label-container k-label-position-border k-empty">
55+
<span class="k-textbox k-input k-input-sm k-input-solid k-rounded-md">
56+
<input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
5757
</span>
5858
<label class="k-floating-label">Label</label>
5959
</span>
6060
</div>
6161
<div>
62-
<span class="k-floating-label-container k-empty">
63-
<span class="k-textarea !k-flex-col k-input k-input-md k-input-solid k-rounded-md">
64-
<textarea class="!k-overflow-auto !k-flex-none k-resize k-input-inner" placeholder=""></textarea>
62+
<span class="k-floating-label-container k-label-position-border k-empty">
63+
<span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
64+
<input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
6565
</span>
6666
<label class="k-floating-label">Label</label>
6767
</span>
6868
</div>
6969
<div>
70-
<span class="k-floating-label-container k-empty">
71-
<span class="k-textarea !k-flex-col k-input k-input-lg k-input-solid k-rounded-md">
72-
<textarea class="!k-overflow-auto !k-flex-none k-resize k-input-inner" placeholder=""></textarea>
70+
<span class="k-floating-label-container k-label-position-border k-empty">
71+
<span class="k-textbox k-input k-input-lg k-input-solid k-rounded-md">
72+
<input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
73+
</span>
74+
<label class="k-floating-label">Label</label>
75+
</span>
76+
</div>
77+
<span>textbox inside</span>
78+
<div>
79+
<span class="k-floating-label-container k-label-position-inside k-empty">
80+
<span class="k-textbox k-input k-input-sm k-input-solid k-rounded-md">
81+
<input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
82+
</span>
83+
<label class="k-floating-label">Label</label>
84+
</span>
85+
</div>
86+
<div>
87+
<span class="k-floating-label-container k-label-position-inside k-empty">
88+
<span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
89+
<input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
90+
</span>
91+
<label class="k-floating-label">Label</label>
92+
</span>
93+
</div>
94+
<div>
95+
<span class="k-floating-label-container k-label-position-inside k-empty">
96+
<span class="k-textbox k-input k-input-lg k-input-solid k-rounded-md">
97+
<input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
7398
</span>
7499
<label class="k-floating-label">Label</label>
75100
</span>
@@ -125,49 +150,25 @@
125150
</div>
126151
<span>(custom) vertical offset</span>
127152
<div>
128-
<span class="k-floating-label-container k-empty" style="--kendo-floating-label-offset-y: 53px;">
129-
<span class="k-textarea !k-flex-col k-input k-input-sm k-input-solid k-rounded-md">
130-
<span class="k-input-prefix k-input-prefix-horizontal">
131-
<span class="k-icon k-svg-icon k-svg-i-comment">
132-
<svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
133-
<path d="M448 32H64c-17.6 0-32 14.4-32 32v416l96-96h320c17.6 0 32-14.4 32-32V64c0-17.6-14.4-32-32-32m0 319.942a1 1 0 0 1-.058.058H114.745L64 402.745V64.057a1 1 0 0 1 .057-.057h383.885q.031.027.058.057z"></path>
134-
</svg>
135-
</span>
136-
</span>
137-
<span class="k-input-separator k-input-separator-horizontal"></span>
138-
<textarea class="!k-overflow-auto !k-flex-none k-resize k-input-inner" placeholder=""></textarea>
153+
<span class="k-floating-label-container k-empty" style="--kendo-floating-label-offset-y: 20px;">
154+
<span class="k-textbox k-input k-input-sm k-input-solid k-rounded-md">
155+
<input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
139156
</span>
140157
<label class="k-floating-label">Label</label>
141158
</span>
142159
</div>
143160
<div>
144-
<span class="k-floating-label-container k-empty" style="--kendo-floating-label-offset-y: 57px;">
145-
<span class="k-textarea !k-flex-col k-input k-input-md k-input-solid k-rounded-md">
146-
<span class="k-input-prefix k-input-prefix-horizontal">
147-
<span class="k-icon k-svg-icon k-svg-i-comment">
148-
<svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
149-
<path d="M448 32H64c-17.6 0-32 14.4-32 32v416l96-96h320c17.6 0 32-14.4 32-32V64c0-17.6-14.4-32-32-32m0 319.942a1 1 0 0 1-.058.058H114.745L64 402.745V64.057a1 1 0 0 1 .057-.057h383.885q.031.027.058.057z"></path>
150-
</svg>
151-
</span>
152-
</span>
153-
<span class="k-input-separator k-input-separator-horizontal"></span>
154-
<textarea class="!k-overflow-auto !k-flex-none k-resize k-input-inner" placeholder=""></textarea>
161+
<span class="k-floating-label-container k-empty" style="--kendo-floating-label-offset-y: 20px;">
162+
<span class="k-textbox k-input k-input-md k-input-solid k-rounded-md">
163+
<input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
155164
</span>
156165
<label class="k-floating-label">Label</label>
157166
</span>
158167
</div>
159168
<div>
160-
<span class="k-floating-label-container k-empty" style="--kendo-floating-label-offset-y: 65px;">
161-
<span class="k-textarea !k-flex-col k-input k-input-lg k-input-solid k-rounded-md">
162-
<span class="k-input-prefix k-input-prefix-horizontal">
163-
<span class="k-icon k-svg-icon k-svg-i-comment">
164-
<svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
165-
<path d="M448 32H64c-17.6 0-32 14.4-32 32v416l96-96h320c17.6 0 32-14.4 32-32V64c0-17.6-14.4-32-32-32m0 319.942a1 1 0 0 1-.058.058H114.745L64 402.745V64.057a1 1 0 0 1 .057-.057h383.885q.031.027.058.057z"></path>
166-
</svg>
167-
</span>
168-
</span>
169-
<span class="k-input-separator k-input-separator-horizontal"></span>
170-
<textarea class="!k-overflow-auto !k-flex-none k-resize k-input-inner" placeholder=""></textarea>
169+
<span class="k-floating-label-container k-empty" style="--kendo-floating-label-offset-y: 20px;">
170+
<span class="k-textbox k-input k-input-lg k-input-solid k-rounded-md">
171+
<input class="k-input-inner" placeholder="" autocomplete="off" type="text" value="">
171172
</span>
172173
<label class="k-floating-label">Label</label>
173174
</span>

0 commit comments

Comments
 (0)