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
on 2024/11/07 17:05
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,8 +13,8 @@ 13 13 } 14 14 tbody.fc-body { 15 15 td { 16 - background-color: #fff; 17 17 &.fc-sat, &.fc-sun { 17 + 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);29 + tr:hover > th { 30 + 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; 49 + 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 } 64 + td.fc-dayVal { 65 + font-size: small; 66 + } 64 64 td.fc-weekVal { 68 + font-size: smaller; 65 65 text-align: right; 66 66 } 67 67 }