chore: update visual previews

telerik · Nov 20, 2023 · 425823e · 425823e
1 parent f4825d8
commit 425823e
Show file tree

Hide file tree

Showing 15 changed files with 76 additions and 10 deletions.
diff --git a/tests/_output/bootstrap/dropzone/dropzone-states.png b/tests/_output/bootstrap/dropzone/dropzone-states.png
diff --git a/tests/_output/bootstrap/dropzone/dropzone.png b/tests/_output/bootstrap/dropzone/dropzone.png
diff --git a/tests/_output/classic/dropzone/dropzone-states.png b/tests/_output/classic/dropzone/dropzone-states.png
diff --git a/tests/_output/classic/dropzone/dropzone.png b/tests/_output/classic/dropzone/dropzone.png
diff --git a/tests/_output/default/dropzone/dropzone-states.png b/tests/_output/default/dropzone/dropzone-states.png
diff --git a/tests/_output/default/dropzone/dropzone.png b/tests/_output/default/dropzone/dropzone.png
diff --git a/tests/_output/fluent/dropzone/dropzone-states.png b/tests/_output/fluent/dropzone/dropzone-states.png
diff --git a/tests/_output/fluent/dropzone/dropzone.png b/tests/_output/fluent/dropzone/dropzone.png
diff --git a/tests/_output/material/dropzone/dropzone-states.png b/tests/_output/material/dropzone/dropzone-states.png
diff --git a/tests/_output/material/dropzone/dropzone.png b/tests/_output/material/dropzone/dropzone.png
diff --git a/tests/_output/nouvelle/dropzone/dropzone-states.png b/tests/_output/nouvelle/dropzone/dropzone-states.png
diff --git a/tests/_output/nouvelle/dropzone/dropzone.png b/tests/_output/nouvelle/dropzone/dropzone.png
diff --git a/tests/dropzone/dropzone-states.html b/tests/dropzone/dropzone-states.html
@@ -0,0 +1,56 @@
+<!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">
+    <div id="test-area" class="k-d-grid k-grid-cols-2">
+        <section>
+            <p>External dropzone normal</p>
+            <div class="k-external-dropzone">
+                <div class="k-dropzone-inner">
+                    <span class="k-dropzone-icon k-icon k-svg-icon k-icon-xxxl k-svg-i-upload">
+                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+                            <path d="M32 384v96h448v-96H32zm192-64h64V192h96L256 32 128 192h96v128z"></path>
+                        </svg>
+                    </span>
+                    <span class="k-dropzone-hint">Drag and drop files here to upload</span>
+                    <span class="k-dropzone-note">Only JPEG, PNG and SVG files are allowed.</span>
+                </div>
+            </div>
+        </section>
+        <section>
+            <p>External dropzone hover</p>
+            <div class="k-external-dropzone k-external-dropzone-hover">
+                <div class="k-dropzone-inner">
+                    <span class="k-dropzone-icon k-icon k-svg-icon k-icon-xxxl k-svg-i-upload">
+                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+                            <path d="M32 384v96h448v-96H32zm192-64h64V192h96L256 32 128 192h96v128z"></path>
+                        </svg>
+                    </span>
+                    <span class="k-dropzone-hint">Drag and drop files here to upload</span>
+                    <span class="k-dropzone-note">Only JPEG, PNG and SVG files are allowed.</span>
+                </div>
+            </div>
+        </section>
+        <section>
+            <p>External dropzone custom size</p>
+            <div class="k-external-dropzone" style="height: 350px; width: 400px;">
+                <div class="k-dropzone-inner">
+                    <span class="k-dropzone-icon k-icon k-svg-icon k-icon-xxxl k-svg-i-upload">
+                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+                            <path d="M32 384v96h448v-96H32zm192-64h64V192h96L256 32 128 192h96v128z"></path>
+                        </svg>
+                    </span>
+                    <span class="k-dropzone-hint">Drag and drop files here to upload</span>
+                    <span class="k-dropzone-note">Only JPEG, PNG and SVG files are allowed.</span>
+                </div>
+            </div>
+        </section>
+    </div>
+</body>
+</html>
diff --git a/tests/dropzone/dropzone.html b/tests/dropzone/dropzone.html
@@ -10,44 +10,54 @@
 <body id="app" class="k-body">
     <div id="test-area" class="k-d-grid k-grid-cols-2">
         <section>
-            <p>External dropzone</p>
+            <p>External dropzone Empty</p>
             <div class="k-external-dropzone">
                 <div class="k-dropzone-inner">
                     <span class="k-dropzone-icon k-icon k-svg-icon k-icon-xxxl k-svg-i-upload">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                             <path d="M32 384v96h448v-96H32zm192-64h64V192h96L256 32 128 192h96v128z"></path>
                         </svg>
                     </span>
-                    <span class="k-dropzone-hint">Drag and drop files here to upload</span>
-                    <span class="k-dropzone-note"> Only JPEG, PNG and SVG files are allowed. </span>
                 </div>
             </div>
         </section>
         <section>
-            <p>External dropzone - hover dragging files</p>
-            <div class="k-external-dropzone k-external-dropzone-hover">
+            <p>External dropzone with only Hint</p>
+            <div class="k-external-dropzone">
                 <div class="k-dropzone-inner">
                     <span class="k-dropzone-icon k-icon k-svg-icon k-icon-xxxl k-svg-i-upload">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                             <path d="M32 384v96h448v-96H32zm192-64h64V192h96L256 32 128 192h96v128z"></path>
                         </svg>
                     </span>
                     <span class="k-dropzone-hint">Drag and drop files here to upload</span>
-                    <span class="k-dropzone-note"> Only JPEG, PNG and SVG files are allowed. </span>
                 </div>
             </div>
         </section>
         <section>
-            <p>External dropzone</p>
-            <div class="k-external-dropzone" style="height: 400px;">
+            <p>External dropzone with only Note</p>
+            <div class="k-external-dropzone">
+                <div class="k-dropzone-inner">
+                    <span class="k-dropzone-icon k-icon k-svg-icon k-icon-xxxl k-svg-i-upload">
+                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+                            <path d="M32 384v96h448v-96H32zm192-64h64V192h96L256 32 128 192h96v128z"></path>
+                        </svg>
+                    </span>
+                    <span class="k-dropzone-note">Only JPEG, PNG and SVG files are allowed.</span>
+                </div>
+            </div>
+        </section>
+        <section>
+            <p>External dropzone with Hind &amp; Note</p>
+            <div class="k-external-dropzone">
                 <div class="k-dropzone-inner">
                     <span class="k-dropzone-icon k-icon k-svg-icon k-icon-xxxl k-svg-i-upload">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                             <path d="M32 384v96h448v-96H32zm192-64h64V192h96L256 32 128 192h96v128z"></path>
                         </svg>
                     </span>
                     <span class="k-dropzone-hint">Drag and drop files here to upload</span>
-                    <span class="k-dropzone-note"> Only JPEG, PNG and SVG files are allowed. </span>
+                    <span class="k-dropzone-note">Only JPEG, PNG and SVG files are allowed.</span>
                 </div>
             </div>
         </section>

diff --git a/tests/spreadsheet/spreadsheet-insert-dialogs.html b/tests/spreadsheet/spreadsheet-insert-dialogs.html
@@ -79,7 +79,7 @@
                                 </svg>
                             </span>
                             <span class="k-dropzone-hint">Drag and drop files here to upload</span>
-                            <span class="k-dropzone-note"> Only JPEG, PNG and SVG files are allowed. </span>
+                            <span class="k-dropzone-note">Only JPEG, PNG and SVG files are allowed.</span>
                         </div>
                     </div>
                     <div class="k-upload k-upload-async">