Changes for page Home
Last modified by Alex Cotiugă on 2026/01/13 13:12
From version 7.85
edited by Alex Cotiugă
on 2025/11/13 21:12
on 2025/11/13 21:12
Change comment:
There is no comment for this version
To version 7.82
edited by Alex Cotiugă
on 2025/11/13 21:02
on 2025/11/13 21:02
Change comment:
There is no comment for this version
Summary
-
Objects (1 modified, 0 added, 0 removed)
Details
- XWiki.StyleSheetExtension[0]
-
- Code
-
... ... @@ -126,22 +126,26 @@ 126 126 display: flex; 127 127 flex-wrap: wrap; 128 128 129 - .widget { 130 - box-sizing: border-box; 129 + /* keep alignment with container */ 130 + margin-left: -15px; 131 + margin-right: -15px; 131 131 132 - /* Desktop (md+): 4 per row, with 8px side gaps */ 133 - flex: 0 0 calc(25% - 16px); 134 - max-width: calc(25% - 16px); 133 + .widget { 134 + /* add spacing between widgets */ 135 135 margin: 0 8px 16px; 136 + &:first_child { 137 + margin-left: 0; 138 + } 139 + &:last-hild { 140 + margin-right: 0; 141 + } 136 136 137 - /* First: no left margin; last: no right margin */ 138 - &:first-child { margin-left: 0; } 139 - &:last-child { margin-right: 0; } 140 - 141 - /* Card styling */ 143 + /* equal-height flex card */ 142 142 display: flex; 143 143 flex-direction: column; 144 144 height: 100%; 147 + 148 + /* card look */ 145 145 padding: 18px; 146 146 background: #fff; 147 147 border: 1px solid @line; ... ... @@ -161,9 +161,8 @@ 161 161 padding-bottom: 6px; 162 162 margin-bottom: 8px; 163 163 border-bottom: 1px solid fade(@line, 60%); 164 - 165 - i { color: @brand; } 166 - h4 { margin: 0; line-height: 1.2; color: @text; } 168 + i { color: @brand; } 169 + h4 { margin: 0; line-height: 1.2; color: @text; } 167 167 } 168 168 169 169 p { ... ... @@ -171,15 +171,6 @@ 171 171 color: @muted; 172 172 line-height: 1.45; 173 173 } 174 - 175 - 176 - 177 - /* Mobile (xs): full width stacked */ 178 - @media (max-width: 767px) { 179 - flex: 0 0 100%; 180 - max-width: 100%; 181 - margin: 0 0 16px 0; 182 - } 183 183 } 184 184 } 185 185