loon-bulma-react 2026.0.51 → 2026.0.53
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/index.js +3291 -3283
- package/dist/styles/calendar.scss +24 -3
- package/dist/styles/table.scss +12 -6
- package/package.json +4 -4
|
@@ -28,24 +28,44 @@ div.lbr-grid-container {
|
|
|
28
28
|
.calendar-header-cell {
|
|
29
29
|
text-align: center;
|
|
30
30
|
border-bottom: thin solid $cell-border-color;
|
|
31
|
+
border-left: thin solid $cell-border-color;
|
|
32
|
+
border-right: thin solid $cell-border-color;
|
|
31
33
|
font-weight: bold;
|
|
32
|
-
background-color: cv.getVar('scheme-main-ter');
|
|
34
|
+
// background-color: cv.getVar('scheme-main-ter');
|
|
35
|
+
|
|
36
|
+
&:first-child {
|
|
37
|
+
border-left: none;
|
|
38
|
+
border-top: none;
|
|
39
|
+
border-bottom: none;
|
|
40
|
+
}
|
|
33
41
|
}
|
|
34
42
|
|
|
35
43
|
.calendar-row-id-cell {
|
|
36
|
-
background-color: cv.getVar('scheme-main-ter');
|
|
44
|
+
// background-color: cv.getVar('scheme-main-ter');
|
|
37
45
|
text-align: center;
|
|
38
46
|
font-size: 0.7em;
|
|
39
47
|
padding-top: 1em;
|
|
40
48
|
height: 60px;
|
|
49
|
+
// border-top: thin solid $cell-border-color;
|
|
41
50
|
border-bottom: thin solid $cell-border-color;
|
|
42
|
-
|
|
51
|
+
border-right: thin solid $cell-border-color;
|
|
43
52
|
&.allday-row {
|
|
44
53
|
height: 100%;
|
|
45
54
|
}
|
|
55
|
+
|
|
56
|
+
// CSS-truuk: 1e element van deze class
|
|
57
|
+
&:nth-child(1 of .calendar-row-id-cell) {
|
|
58
|
+
border-top: thin solid $cell-border-color;
|
|
59
|
+
}
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
.calendar-time-cell.allday-row {
|
|
63
|
+
border: none;
|
|
64
|
+
border-right: thin solid $cell-border-color;
|
|
46
65
|
}
|
|
47
66
|
|
|
48
67
|
.calendar-allday-slot {
|
|
68
|
+
border-left: thin solid $cell-border-color;
|
|
49
69
|
border-right: thin solid $cell-border-color;
|
|
50
70
|
border-bottom: thin solid $cell-border-color;
|
|
51
71
|
text-align: center;
|
|
@@ -71,6 +91,7 @@ div.lbr-grid-container {
|
|
|
71
91
|
overflow: clip;
|
|
72
92
|
border-bottom: thin solid $cell-border-color;
|
|
73
93
|
border-right: thin solid $cell-border-color;
|
|
94
|
+
border-left: thin solid $cell-border-color;
|
|
74
95
|
display: flex;
|
|
75
96
|
flex-direction: row;
|
|
76
97
|
flex-wrap: nowrap;
|
package/dist/styles/table.scss
CHANGED
|
@@ -331,17 +331,21 @@ table {
|
|
|
331
331
|
}
|
|
332
332
|
}
|
|
333
333
|
|
|
334
|
+
// CSS voor de calendar-planning
|
|
335
|
+
|
|
334
336
|
.#{iv.$class-prefix}is-planning {
|
|
335
337
|
border-spacing: 0;
|
|
336
338
|
border-collapse: separate;
|
|
337
339
|
border-width: thin;
|
|
340
|
+
margin-bottom: 3em; // scrollbar ONDER de laatste regel in de tabel
|
|
341
|
+
|
|
338
342
|
thead tr.planning-row {
|
|
339
343
|
border-width: thin;
|
|
340
|
-
background-color: cv.getVar('scheme-main
|
|
344
|
+
background-color: cv.getVar('scheme-main');
|
|
341
345
|
td,
|
|
342
346
|
th {
|
|
343
347
|
padding: 0;
|
|
344
|
-
border-top: thin solid $table-cell-border-color;
|
|
348
|
+
// border-top: thin solid $table-cell-border-color;
|
|
345
349
|
border-bottom: thin solid $table-cell-border-color;
|
|
346
350
|
border-right: thin solid $table-cell-border-color;
|
|
347
351
|
}
|
|
@@ -351,8 +355,10 @@ table {
|
|
|
351
355
|
position: sticky;
|
|
352
356
|
padding: 2px;
|
|
353
357
|
left: 0;
|
|
354
|
-
border-left: thin solid $table-cell-border-color;
|
|
355
|
-
|
|
358
|
+
// border-left: thin solid $table-cell-border-color;
|
|
359
|
+
border-top: none;
|
|
360
|
+
border-left: none;
|
|
361
|
+
background-color: cv.getVar('scheme-main');
|
|
356
362
|
}
|
|
357
363
|
}
|
|
358
364
|
tbody tr.planning-row {
|
|
@@ -370,8 +376,8 @@ table {
|
|
|
370
376
|
position: sticky;
|
|
371
377
|
left: 0;
|
|
372
378
|
padding: 2px;
|
|
373
|
-
border-left: thin solid $table-cell-border-color;
|
|
374
|
-
background-color: cv.getVar('scheme-main
|
|
379
|
+
// border-left: thin solid $table-cell-border-color;
|
|
380
|
+
background-color: cv.getVar('scheme-main');
|
|
375
381
|
}
|
|
376
382
|
}
|
|
377
383
|
}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "loon-bulma-react",
|
|
3
3
|
"private": false,
|
|
4
|
-
"version": "2026.0.
|
|
4
|
+
"version": "2026.0.53",
|
|
5
5
|
"description": "Bulma & React componenten voor Loon Salarissoftware",
|
|
6
6
|
"type": "module",
|
|
7
7
|
"license": "MIT",
|
|
@@ -78,7 +78,7 @@
|
|
|
78
78
|
"@types/react-syntax-highlighter": "^15.5.13",
|
|
79
79
|
"@typescript-eslint/parser": "^8.62.0",
|
|
80
80
|
"@vitejs/plugin-react-swc": "^4.3.1",
|
|
81
|
-
"@vitest/ui": "^4.1.
|
|
81
|
+
"@vitest/ui": "^4.1.10",
|
|
82
82
|
"esbuild": "^0.28.1",
|
|
83
83
|
"eslint": "^9.39.2",
|
|
84
84
|
"eslint-config-prettier": "^10.1.8",
|
|
@@ -99,11 +99,11 @@
|
|
|
99
99
|
"rollup-plugin-copy": "^3.5.0",
|
|
100
100
|
"sass": "^1.101.0",
|
|
101
101
|
"typescript": "^6.0.3",
|
|
102
|
-
"typescript-eslint": "^8.
|
|
102
|
+
"typescript-eslint": "^8.63.0",
|
|
103
103
|
"vite": "^8.1.3",
|
|
104
104
|
"vite-plugin-lib-inject-css": "^2.2.2",
|
|
105
105
|
"vite-tsconfig-paths": "^6.1.1",
|
|
106
|
-
"vitest": "^4.1.
|
|
106
|
+
"vitest": "^4.1.10"
|
|
107
107
|
},
|
|
108
108
|
"peerDependencies": {
|
|
109
109
|
"bulma": "^1.0.4",
|