Skip to Content

Changes for page Home

Last modified by Benjamin Fischer on 2025/06/04 14:20
From version 73.7
edited by Benjamin Fischer
on 2024/11/07 17:05
Change comment: There is no comment for this version
To version 73.16
edited by Benjamin Fischer
on 2024/11/08 10:41
Change comment: There is no comment for this version

Summary

Details

XWiki.JavaScriptExtension[0]
Code
... ... @@ -51,6 +51,13 @@
51 51   head.push(E("th", {colspan}, ms.format(cf)));
52 52  
53 53   const bgc = new Array(md);
54 + let scc = [];
55 + let scu = [];
56 + const scs = col => el => {
57 + const step = 100 / scc.length;
58 + el.style.left = `${col * step}%`;
59 + el.style.width = `${step}%`;
60 + };
54 54  
55 55   for (const day of range(31)) {
56 56   if (day < md) {
... ... @@ -74,10 +74,22 @@
74 74   if (v.start.isBefore(ms)) e.classList.add("fc-cut-start");
75 75   if (me.isBefore(v.end)) e.classList.add("fc-cut-end");
76 76   oc.push(e);
77 - // TODO: soft-columns
84 + const i = scu.indexOf(0);
85 + if (i < 0) {
86 + scc.push([e]);
87 + scu.push(d);
88 + scc.forEach((els, col) => els.forEach(scs(col)));
89 + } else {
90 + scc[i].push(e);
91 + scu[i] = d;
92 + scs(i)(e);
93 + }
78 78   }
79 79   }
80 80  
97 + scu = scu.map(u => Math.max(0, u - 1));
98 + if (!scu.some()) {scc = []; scu = [];}
99 +
81 81   const style = bgc[day] && `background-color: ${bgc[day]};`;
82 82   const dc = this.getDayClasses(ds);
83 83   const da = sub => ({class: dc.concat(sub).join(" "), style});
XWiki.StyleSheetExtension[0]
Code
... ... @@ -15,6 +15,7 @@
15 15   td {
16 16   background-color: #fff;
17 17   &.fc-sat, &.fc-sun {
18 + background-color: @weekend-color;
18 18   &.fc-dayVal {
19 19   background-color: @weekend-color !important;
20 20   }
... ... @@ -26,8 +26,8 @@
26 26   tr:nth-child(4n+5) > * {
27 27   border-top: 1px solid #bbb;
28 28   }
29 - tr:hover {
30 - filter: brightness(0.95);
30 + tr:hover > th {
31 + background-color: #ccc;
31 31   }
32 32   td.fc-mainVal {
33 33   position: relative;
... ... @@ -46,7 +46,7 @@
46 46   border-bottom-right-radius: 0px;
47 47   }
48 48   &:hover {
49 - width: auto;
50 + width: auto !important;
50 50   max-width: 10vw;
51 51   height: auto !important;
52 52   z-index: 10;
... ... @@ -61,7 +61,11 @@
61 61   td.fc-dayVal, td.fc-weekVal {
62 62   color: desaturate(lighten(#1D3B58, 50%), 80%);
63 63   }
65 + td.fc-dayVal {
66 + font-size: small;
67 + }
64 64   td.fc-weekVal {
69 + font-size: smaller;
65 65   text-align: right;
66 66   }
67 67   }