loon-bulma-react 2026.0.65 → 2026.0.67
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Calendar/DayContainer.d.ts +3 -1
- package/dist/components/Calendar/List/List.d.ts +21 -0
- package/dist/components/Calendar/Props.d.ts +9 -1
- package/dist/components/Calendar/index.d.ts +3 -1
- package/dist/index.js +3651 -3537
- package/dist/styles/calendar.scss +45 -10
- package/dist/styles/mini-calendar.scss +22 -5
- package/dist/styles/table.scss +4 -1
- package/package.json +1 -1
|
@@ -23,7 +23,8 @@ div.lbr-grid-container {
|
|
|
23
23
|
// TR: de rows en columns van het grid worden inline geset als overschreven!
|
|
24
24
|
color: $color;
|
|
25
25
|
|
|
26
|
-
&.is-week
|
|
26
|
+
&.is-week,
|
|
27
|
+
&.is-list {
|
|
27
28
|
overflow-y: auto;
|
|
28
29
|
}
|
|
29
30
|
}
|
|
@@ -45,10 +46,14 @@ div.lbr-grid-container.is-week {
|
|
|
45
46
|
font-weight: bold;
|
|
46
47
|
// background-color: cv.getVar('scheme-main-ter');
|
|
47
48
|
|
|
48
|
-
&:first-child
|
|
49
|
-
|
|
50
|
-
border
|
|
51
|
-
|
|
49
|
+
&:first-child,
|
|
50
|
+
&.no-border {
|
|
51
|
+
border: none;
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
&.is-list {
|
|
55
|
+
border: thin solid $cell-border-color;
|
|
56
|
+
border-right: none;
|
|
52
57
|
}
|
|
53
58
|
}
|
|
54
59
|
|
|
@@ -82,8 +87,9 @@ div.lbr-grid-container.is-week {
|
|
|
82
87
|
border-bottom: thin solid $cell-border-color;
|
|
83
88
|
text-align: center;
|
|
84
89
|
color: $color;
|
|
85
|
-
font-size:
|
|
86
|
-
|
|
90
|
+
font-size: 0.9em;
|
|
91
|
+
height: 100%;
|
|
92
|
+
min-height: 9em;
|
|
87
93
|
overflow: hidden;
|
|
88
94
|
display: flex;
|
|
89
95
|
flex-direction: column;
|
|
@@ -93,6 +99,10 @@ div.lbr-grid-container.is-week {
|
|
|
93
99
|
color: cv.getVar('text-weak');
|
|
94
100
|
}
|
|
95
101
|
|
|
102
|
+
&.no-border {
|
|
103
|
+
border: none;
|
|
104
|
+
}
|
|
105
|
+
|
|
96
106
|
.date {
|
|
97
107
|
margin-bottom: 0.5em;
|
|
98
108
|
margin-top: 0.25em;
|
|
@@ -155,9 +165,10 @@ span.is-today {
|
|
|
155
165
|
}
|
|
156
166
|
}
|
|
157
167
|
|
|
158
|
-
div.kleurblok
|
|
159
|
-
|
|
160
|
-
|
|
168
|
+
div.kleurblok,
|
|
169
|
+
span.kleurblok {
|
|
170
|
+
width: 1em;
|
|
171
|
+
height: 1em;
|
|
161
172
|
border-radius: 3px;
|
|
162
173
|
margin-right: 0.5em;
|
|
163
174
|
margin-bottom: -2px;
|
|
@@ -205,6 +216,30 @@ div.kleurblok {
|
|
|
205
216
|
}
|
|
206
217
|
}
|
|
207
218
|
|
|
219
|
+
.calendar-listitem-grid {
|
|
220
|
+
display: grid;
|
|
221
|
+
grid-template-columns: 10em auto;
|
|
222
|
+
grid-auto-rows: 22px;
|
|
223
|
+
padding: 0.5em;
|
|
224
|
+
padding-left: 0.25em;
|
|
225
|
+
border: thin solid $cell-border-color;
|
|
226
|
+
|
|
227
|
+
.event-timespan {
|
|
228
|
+
vertical-align: baseline;
|
|
229
|
+
display: grid;
|
|
230
|
+
grid-template-columns: 1em 1fr;
|
|
231
|
+
grid-template-rows: 1fr;
|
|
232
|
+
|
|
233
|
+
// .allday {
|
|
234
|
+
// grid-column: span 3;
|
|
235
|
+
// }
|
|
236
|
+
}
|
|
237
|
+
|
|
238
|
+
.event-description {
|
|
239
|
+
vertical-align: baseline;
|
|
240
|
+
}
|
|
241
|
+
}
|
|
242
|
+
|
|
208
243
|
// ##################################
|
|
209
244
|
//
|
|
210
245
|
// Planning View
|
|
@@ -5,9 +5,16 @@
|
|
|
5
5
|
@use 'bulma/sass/utilities/mixins' as mx;
|
|
6
6
|
@use 'bulma/sass/utilities/functions' as fn;
|
|
7
7
|
|
|
8
|
+
$mini-cal-border-radius: 0.75rem;
|
|
9
|
+
|
|
10
|
+
.mini-calendar {
|
|
11
|
+
min-width: 200px;
|
|
12
|
+
min-height: 222px;
|
|
13
|
+
}
|
|
14
|
+
|
|
8
15
|
.mini-calendar-header {
|
|
9
16
|
text-align: center;
|
|
10
|
-
font-size:
|
|
17
|
+
font-size: 1em;
|
|
11
18
|
font-weight: bold;
|
|
12
19
|
margin-top: auto;
|
|
13
20
|
margin-bottom: auto;
|
|
@@ -15,14 +22,23 @@
|
|
|
15
22
|
font-weight: bold;
|
|
16
23
|
color: dv.$info;
|
|
17
24
|
padding: 0.25em;
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
border-radius: 0.75rem;
|
|
25
|
+
|
|
26
|
+
border-radius: $mini-cal-border-radius;
|
|
21
27
|
transition: background-color 0.1s ease-in-out;
|
|
22
28
|
&:hover {
|
|
23
29
|
background-color: dv.$info;
|
|
24
30
|
color: fn.bulmaFindColorInvert(dv.$info);
|
|
25
31
|
}
|
|
32
|
+
|
|
33
|
+
&.is-left {
|
|
34
|
+
padding-left: 0.25em;
|
|
35
|
+
padding-left: 0.25em;
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
&.is-right {
|
|
39
|
+
padding-left: 0.25em;
|
|
40
|
+
padding-right: 0.25em;
|
|
41
|
+
}
|
|
26
42
|
}
|
|
27
43
|
}
|
|
28
44
|
.mini-calendar-grid {
|
|
@@ -43,7 +59,7 @@
|
|
|
43
59
|
.mini-calendar-slot {
|
|
44
60
|
vertical-align: middle;
|
|
45
61
|
text-align: center;
|
|
46
|
-
border-radius:
|
|
62
|
+
border-radius: $mini-cal-border-radius;
|
|
47
63
|
transition: background-color 0.1s ease-in-out;
|
|
48
64
|
padding: 0.25em;
|
|
49
65
|
|
|
@@ -59,6 +75,7 @@
|
|
|
59
75
|
|
|
60
76
|
&.is-other-month {
|
|
61
77
|
color: dv.$text-weak;
|
|
78
|
+
font-weight: 200;
|
|
62
79
|
}
|
|
63
80
|
|
|
64
81
|
&:hover {
|
package/dist/styles/table.scss
CHANGED
|
@@ -345,9 +345,10 @@ table {
|
|
|
345
345
|
td,
|
|
346
346
|
th {
|
|
347
347
|
padding: 0;
|
|
348
|
-
|
|
348
|
+
border-left: thin solid $table-cell-border-color;
|
|
349
349
|
border-bottom: thin solid $table-cell-border-color;
|
|
350
350
|
border-right: thin solid $table-cell-border-color;
|
|
351
|
+
min-width: 222px;
|
|
351
352
|
}
|
|
352
353
|
|
|
353
354
|
th.first-col,
|
|
@@ -368,6 +369,7 @@ table {
|
|
|
368
369
|
th {
|
|
369
370
|
padding: 0;
|
|
370
371
|
border-bottom: thin solid $table-cell-border-color;
|
|
372
|
+
border-left: thin solid $table-cell-border-color;
|
|
371
373
|
border-right: thin solid $table-cell-border-color;
|
|
372
374
|
}
|
|
373
375
|
|
|
@@ -376,6 +378,7 @@ table {
|
|
|
376
378
|
position: sticky;
|
|
377
379
|
left: 0;
|
|
378
380
|
padding: 2px;
|
|
381
|
+
border-left: none;
|
|
379
382
|
// border-left: thin solid $table-cell-border-color;
|
|
380
383
|
background-color: cv.getVar('scheme-main');
|
|
381
384
|
}
|