Skip to content

Commit

Permalink
chore: update visual previews
Browse files Browse the repository at this point in the history
  • Loading branch information
@kendo-bot @Juveniel
kendo-bot authored and Juveniel committed Sep 12, 2023
1 parent 89f5b41 commit f252b68
Show file tree
Hide file tree
Showing 7 changed files with 104 additions and 0 deletions.
Binary file added tests/_output/bootstrap/radio/radio-label-position.png
View file
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added tests/_output/classic/radio/radio-label-position.png
View file
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added tests/_output/default/radio/radio-label-position.png
View file
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added tests/_output/fluent/radio/radio-label-position.png
View file
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added tests/_output/material/radio/radio-label-position.png
View file
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added tests/_output/nouvelle/radio/radio-label-position.png
View file
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
104 changes: 104 additions & 0 deletions tests/radio/radio-label-position.html
View file
@@ -0,0 +1,104 @@
<!doctype html>
<html lang="en" class="k-no-animations" style="--kendo-scrollbar-width: 15px;">
<head>
<title>Document</title>
<meta charset="utf-8">
<link rel="stylesheet" data-role="kendo-theme" href="/packages/default/dist/all.css">
<link rel="stylesheet" href="/packages/html/assets/styles.css">
<script src="/packages/html/assets/scripts.js"></script>
</head>
<body id="app" class="k-body">
<style>
#test-area {
grid-template-columns: repeat(2, 1fr);
}

</style>
<div id="test-area" class="k-d-grid">
<span>With Label Before - vertical</span>
<span>With Label After - vertical</span>
<ul class="k-radio-list k-list-vertical">
<li class="k-radio-list-item">
<span class="k-radio-wrap">
<input name="vertical-after" id="vertical-after-one" type="radio" class="k-radio k-radio-md">
</span>
<label class="k-radio-label" for="vertical-after-one">First</label>
</li>
<li class="k-radio-list-item">
<span class="k-radio-wrap">
<input name="vertical-after" id="vertical-after-two" type="radio" class="k-radio k-radio-md">
</span>
<label class="k-radio-label" for="vertical-after-two">Second</label>
</li>
<li class="k-radio-list-item">
<span class="k-radio-wrap">
<input name="vertical-after" id="vertical-after-thee" type="radio" class="k-radio k-radio-md">
</span>
<label class="k-radio-label" for="vertical-after-thee">Third</label>
</li>
</ul>
<ul class="k-radio-list k-list-vertical">
<li class="k-radio-list-item">
<label class="k-radio-label" for="vertical-before-one">First</label>
<span class="k-radio-wrap">
<input name="vertical-before" id="vertical-before-one" type="radio" class="k-radio k-radio-md">
</span>
</li>
<li class="k-radio-list-item">
<label class="k-radio-label" for="vertical-before-two">Second</label>
<span class="k-radio-wrap">
<input name="vertical-before" id="vertical-before-two" type="radio" class="k-radio k-radio-md">
</span>
</li>
<li class="k-radio-list-item">
<label class="k-radio-label" for="vertical-before-thee">Third</label>
<span class="k-radio-wrap">
<input name="vertical-before" id="vertical-before-thee" type="radio" class="k-radio k-radio-md">
</span>
</li>
</ul>
<span>With Label Before - horizontal</span>
<span>With Label After - horizontal</span>
<ul class="k-radio-list k-list-horizontal">
<li class="k-radio-list-item">
<span class="k-radio-wrap">
<input name="horizontal-after" id="horizontal-after-one" type="radio" class="k-radio k-radio-md">
</span>
<label class="k-radio-label" for="horizontal-after-one">First</label>
</li>
<li class="k-radio-list-item">
<span class="k-radio-wrap">
<input name="horizontal-after" id="horizontal-after-two" type="radio" class="k-radio k-radio-md">
</span>
<label class="k-radio-label" for="horizontal-after-two">Second</label>
</li>
<li class="k-radio-list-item">
<span class="k-radio-wrap">
<input name="horizontal-after" id="horizontal-after-three" type="radio" class="k-radio k-radio-md">
</span>
<label class="k-radio-label" for="horizontal-after-three">Third</label>
</li>
</ul>
<ul class="k-radio-list k-list-horizontal">
<li class="k-radio-list-item">
<label class="k-radio-label" for="horizontal-before-one">First</label>
<span class="k-radio-wrap">
<input name="horizontal-before" id="horizontal-before-one" type="radio" class="k-radio k-radio-md">
</span>
</li>
<li class="k-radio-list-item">
<label class="k-radio-label" for="horizontal-before-two">Second</label>
<span class="k-radio-wrap">
<input name="horizontal-before" id="horizontal-before-two" type="radio" class="k-radio k-radio-md">
</span>
</li>
<li class="k-radio-list-item">
<label class="k-radio-label" for="horizontal-before-three">Third</label>
<span class="k-radio-wrap">
<input name="horizontal-before" id="horizontal-before-three" type="radio" class="k-radio k-radio-md">
</span>
</li>
</ul>
</div>
</body>
</html>

0 comments on commit f252b68

Please sign in to comment.