Changes for page Home

Last modified by Benjamin Fischer on 2025/06/04 14:20

From version 73.11
edited by Benjamin Fischer
on 2024/11/07 17:18
Change comment: There is no comment for this version
To version 73.17
edited by Benjamin Fischer
on 2024/11/08 10:42
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
... ... @@ -13,7 +13,6 @@
13 13   }
14 14   tbody.fc-body {
15 15   td {
16 - background-color: #fff;
17 17   &.fc-sat, &.fc-sun {
18 18   background-color: @weekend-color;
19 19   &.fc-dayVal {
... ... @@ -27,9 +27,8 @@
27 27   tr:nth-child(4n+5) > * {
28 28   border-top: 1px solid #bbb;
29 29   }
30 - tr:hover {
31 - filter: brightness(0.95);
32 - z-index: 120000;
29 + tr:hover > th {
30 + background-color: #ccc;
33 33   }
34 34   td.fc-mainVal {
35 35   position: relative;
... ... @@ -48,7 +48,7 @@
48 48   border-bottom-right-radius: 0px;
49 49   }
50 50   &:hover {
51 - width: auto;
49 + width: auto !important;
52 52   max-width: 10vw;
53 53   height: auto !important;
54 54   z-index: 10;
... ... @@ -63,7 +63,11 @@
63 63   td.fc-dayVal, td.fc-weekVal {
64 64   color: desaturate(lighten(#1D3B58, 50%), 80%);
65 65   }
64 + td.fc-dayVal {
65 + font-size: small;
66 + }
66 66   td.fc-weekVal {
68 + font-size: smaller;
67 67   text-align: right;
68 68   }
69 69   }