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
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
on 2024/11/08 10:42
Change comment:
There is no comment for this version
Summary
-
Objects (2 modified, 0 added, 0 removed)
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 }