diff --git a/example/src/Example1Generic.vue b/example/src/Example1Generic.vue index 839435e9fdf1bc649dc444f8e52a505ed2818717..23092900f28d42d676a1bef3e84c0dc66a1b7724 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 {