eSales Media Git repositories
Browse code

Prefix backend css for better distinction

Benjamin Roth authored on01/03/2025 11:03:34
Showing1 changed files
public/css/grid_position_widget.scss
History View file @74987d8
1 1 
deleted file mode 100644
... ... 
@@ -1,34 +0,0 @@
1 
-:root {
2 
-  --gp-primary: #a80556;
3 
-  --gp-primary-rgb: 168, 5, 86;
4 
-  --contao: var(--gp-primary);
5 
-  --contao-rgb: var(--gp-primary-rgb);
6 
-  --header-bg: var(--gp-primary);
7 
-}
8 
-
9 
-.vr--grid-pos-container {
10 
-  margin: 3px 0;
11 
-  display: grid;
12 
-  grid-template-columns: repeat(6, 1fr);
13 
-  grid-gap: 5px;
14 
-
15 
-  @for $i from 1 through 12 {
16 
-    &[data-cols="#{$i}"] {
17 
-      grid-template-columns: repeat($i, 1fr);
18 
-    }
19 
-  }
20 
-}
21 
-
22 
-.grid-cell {
23 
-  height: 30px;
24 
-  border: 1px solid #ccc;
25 
-  cursor: pointer;
26 
-
27 
-  &:hover {
28 
-    background-color: rgba(var(--contao-rgb),.3);
29 
-  }
30 
-
31 
-  &.selected {
32 
-    background-color: var(--contao);
33 
-  }
34 
-}
Browse code

Allow for multiple GridPosition widgets to work

Benjamin Roth authored on28/02/2025 14:53:21
Showing1 changed files
public/css/grid_position_widget.scss
History View file @5752388
... ... 
@@ -6,7 +6,7 @@
6 6 
   --header-bg: var(--gp-primary);
7 7 
 }
8 8
9 
-.grid-container {
9 
+.vr--grid-pos-container {
10 10 
   margin: 3px 0;
11 11 
   display: grid;
12 12 
   grid-template-columns: repeat(6, 1fr);
Browse code

Add GridPosition widget label to template and add some margin

Benjamin Roth authored on28/02/2025 11:39:37
Showing1 changed files
public/css/grid_position_widget.scss
History View file @273e1fc
... ... 
@@ -7,6 +7,7 @@
7 7 
 }
8 8
9 9 
 .grid-container {
10 
+  margin: 3px 0;
10 11 
   display: grid;
11 12 
   grid-template-columns: repeat(6, 1fr);
12 13 
   grid-gap: 5px;
Browse code

Add new GridPosition widget

Benjamin Roth authored on28/02/2025 10:55:44
Showing1 changed files
public/css/grid_position_widget.scss
History View file @76c5c65
1 1 
new file mode 100644
... ... 
@@ -0,0 +1,33 @@
1 
+:root {
2 
+  --gp-primary: #a80556;
3 
+  --gp-primary-rgb: 168, 5, 86;
4 
+  --contao: var(--gp-primary);
5 
+  --contao-rgb: var(--gp-primary-rgb);
6 
+  --header-bg: var(--gp-primary);
7 
+}
8 
+
9 
+.grid-container {
10 
+  display: grid;
11 
+  grid-template-columns: repeat(6, 1fr);
12 
+  grid-gap: 5px;
13 
+
14 
+  @for $i from 1 through 12 {
15 
+    &[data-cols="#{$i}"] {
16 
+      grid-template-columns: repeat($i, 1fr);
17 
+    }
18 
+  }
19 
+}
20 
+
21 
+.grid-cell {
22 
+  height: 30px;
23 
+  border: 1px solid #ccc;
24 
+  cursor: pointer;
25 
+
26 
+  &:hover {
27 
+    background-color: rgba(var(--contao-rgb),.3);
28 
+  }
29 
+
30 
+  &.selected {
31 
+    background-color: var(--contao);
32 
+  }
33 
+}