From 19fcbea8c0e8d10272f426741d57906b21cef095 Mon Sep 17 00:00:00 2001
From: Julian Leucker <leuckerj@gmail.com>
Date: Mon, 20 Feb 2023 14:28:36 +0100
Subject: [PATCH] Clarify example 1

---
 example/src/Example1Generic.vue | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/example/src/Example1Generic.vue b/example/src/Example1Generic.vue
index 839435e..2309290 100644
--- a/example/src/Example1Generic.vue
+++ b/example/src/Example1Generic.vue
@@ -11,7 +11,8 @@ import DragGrid from "../../src/DragGrid.vue";
     class="bordered"
   >
     <div id="blocker">
-      This field is blocked and it's filled, the next one only programmatically
+      This field and the next one are blocked.
+      <div>→</div>
     </div>
     <template #item="item">
       <div class="container">{{ item }}</div>
@@ -74,6 +75,17 @@ export default {
   font-size: large;
   font-weight: bold;
   text-shadow: 4px 4px 4px #2c3e50;
+  position: relative;
+  padding: 1em;
+}
+
+#blocker > div {
+  position: absolute;
+  right: 0.5rem;
+  color: red;
+  font-size: 5em;
+  top: 50%;
+  transform: translate(0, -50%);
 }
 
 .container {
-- 
GitLab