Changes for page Public Web Site
Last modified by Agnease on 2026/07/07 14:40
Summary
-
Objects (1 modified, 0 added, 0 removed)
Details
- XWiki.StyleSheetExtension[0]
-
- code
-
... ... @@ -1231,12 +1231,12 @@ 1231 1231 1232 1232 .resource-inline-cta { 1233 1233 position: relative; 1234 - display: grid; 1235 - grid-template-columns: minmax(0, 1fr) auto; 1234 + display: flex; 1236 1236 align-items: center; 1236 + justify-content: space-between; 1237 1237 gap: 22px; 1238 1238 margin: 32px 0; 1239 - padding: 22px 24px 22px 28px;1239 + padding: 22px 24px 22px 30px; 1240 1240 border: 1px solid fade(@brand, 20%); 1241 1241 border-radius: @radius; 1242 1242 background: #fff; ... ... @@ -1243,47 +1243,17 @@ 1243 1243 box-shadow: @shadow-sm; 1244 1244 overflow: hidden; 1245 1245 1246 - &: :before {1246 + &:before { 1247 1247 content: ""; 1248 1248 position: absolute; 1249 - inset: 0 auto 0 0; 1249 + top: 0; 1250 + bottom: 0; 1251 + left: 0; 1250 1250 width: 5px; 1251 1251 background: linear-gradient(180deg, @brand 0%, @brand-strong 100%); 1252 1252 } 1253 1253 1254 - p { 1255 - margin: 0; 1256 - color: @muted; 1257 - font-size: 15px; 1258 - line-height: 1.6; 1259 - } 1260 1260 1261 - strong { 1262 - display: block; 1263 - margin-bottom: 4px; 1264 - color: @text; 1265 - font-size: 17px; 1266 - line-height: 1.35; 1267 - } 1268 - 1269 - .btn { 1270 - white-space: nowrap; 1271 - align-self: center; 1272 - } 1273 - 1274 - .btn-secondary { 1275 - border-color: @text; 1276 - background: @text; 1277 - color: #fff; 1278 - 1279 - &:hover, 1280 - &:focus { 1281 - border-color: @brand-strong; 1282 - background: @brand-strong; 1283 - color: #fff; 1284 - text-decoration: none; 1285 - } 1286 - } 1287 1287 } 1288 1288 1289 1289 .resource-note, ... ... @@ -1291,7 +1291,19 @@ 1291 1291 display: flow-root; 1292 1292 } 1293 1293 1264 +@media (max-width: 767px) { 1265 + .resource-inline-cta { 1266 + grid-template-columns: 1fr; 1267 + gap: 16px; 1268 + padding: 22px 20px 22px 24px; 1269 + text-align: left; 1294 1294 1271 + .btn { 1272 + width: 100%; 1273 + justify-self: stretch; 1274 + } 1275 + } 1276 +} 1295 1295 1296 1296 @media (max-width: 900px) { 1297 1297 .resource-layout { ... ... @@ -1796,12 +1796,8 @@ 1796 1796 /* Keep large panels readable, but remove their inner gradients. 1797 1797 .industry-trust-section .industry-trust-panel, 1798 1798 .cta-panel, 1799 -.resource-inline-cta, 1800 1800 .resource-note, 1801 -.resource-cta { 1802 - background: #fff !important; 1803 - background-image: none !important; 1804 -} */ 1782 +*/ 1805 1805 1806 1806 /* ========== Main Page Hero / SaaS Layout ========== */ 1807 1807