Update builder.html
Browse files- builder.html +9 -13
builder.html
CHANGED
@@ -8,13 +8,15 @@
|
|
8 |
<link rel="stylesheet" href="https://unpkg.com/grapesjs/dist/css/grapes.min.css">
|
9 |
|
10 |
<!-- Your Custom CSS -->
|
|
|
11 |
<style>
|
|
|
|
|
|
|
|
|
12 |
.gjs-row {
|
13 |
display: flex;
|
14 |
-
justify-content:
|
15 |
-
align-items: stretch;
|
16 |
-
flex-wrap: nowrap;
|
17 |
-
padding: 10px;
|
18 |
border: 1px dashed #ccc; /* Добавляем контур для строк */
|
19 |
}
|
20 |
.gjs-cell {
|
@@ -24,15 +26,9 @@
|
|
24 |
text-align: center;
|
25 |
min-height: 50px; /* Добавляем минимальную высоту для ячеек */
|
26 |
}
|
27 |
-
|
28 |
-
|
29 |
-
|
30 |
-
flex-wrap: wrap;
|
31 |
-
}
|
32 |
-
}
|
33 |
-
|
34 |
-
* {
|
35 |
-
box-sizing: border-box;
|
36 |
}
|
37 |
</style>
|
38 |
</head>
|
|
|
8 |
<link rel="stylesheet" href="https://unpkg.com/grapesjs/dist/css/grapes.min.css">
|
9 |
|
10 |
<!-- Your Custom CSS -->
|
11 |
+
<!-- Your Custom CSS for GrapesJS Editor -->
|
12 |
<style>
|
13 |
+
.gjs-dashed *[data-gjs-highlightable] {
|
14 |
+
outline: 1px dashed rgba(170, 170, 170, 0.7);
|
15 |
+
outline-offset: -2px;
|
16 |
+
}
|
17 |
.gjs-row {
|
18 |
display: flex;
|
19 |
+
justify-content: space-between;
|
|
|
|
|
|
|
20 |
border: 1px dashed #ccc; /* Добавляем контур для строк */
|
21 |
}
|
22 |
.gjs-cell {
|
|
|
26 |
text-align: center;
|
27 |
min-height: 50px; /* Добавляем минимальную высоту для ячеек */
|
28 |
}
|
29 |
+
.draggable {
|
30 |
+
position: absolute;
|
31 |
+
cursor: move;
|
|
|
|
|
|
|
|
|
|
|
|
|
32 |
}
|
33 |
</style>
|
34 |
</head>
|