Skip to content
Snippets Groups Projects
Commit 19fcbea8 authored by Julian's avatar Julian
Browse files

Clarify example 1

parent e5779aef
No related branches found
No related tags found
1 merge request!2Resolve "Implement basic functionality"
...@@ -11,7 +11,8 @@ import DragGrid from "../../src/DragGrid.vue"; ...@@ -11,7 +11,8 @@ import DragGrid from "../../src/DragGrid.vue";
class="bordered" class="bordered"
> >
<div id="blocker"> <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> </div>
<template #item="item"> <template #item="item">
<div class="container">{{ item }}</div> <div class="container">{{ item }}</div>
...@@ -74,6 +75,17 @@ export default { ...@@ -74,6 +75,17 @@ export default {
font-size: large; font-size: large;
font-weight: bold; font-weight: bold;
text-shadow: 4px 4px 4px #2c3e50; 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 { .container {
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment