From 45fe58cc303ebd6f337c4da0c9da131cc22dd243 Mon Sep 17 00:00:00 2001 From: Shai Almog <67850168+shai-almog@users.noreply.github.com> Date: Sat, 14 Feb 2026 16:56:51 +0200 Subject: [PATCH] Fixed website on mobile --- docs/website/assets/css/extended/cn1-home.css | 109 ++++++++++++++++-- docs/website/data/cn1libs.json | 2 +- 2 files changed, 103 insertions(+), 8 deletions(-) diff --git a/docs/website/assets/css/extended/cn1-home.css b/docs/website/assets/css/extended/cn1-home.css index ec03306f2e..8152197d32 100644 --- a/docs/website/assets/css/extended/cn1-home.css +++ b/docs/website/assets/css/extended/cn1-home.css @@ -628,6 +628,7 @@ body:not(.dark) .cn1-brand-logo { border-radius: 12px; padding: 30px 28px; min-height: 300px; + min-width: 0; text-align: center; display: flex; flex-direction: column; @@ -722,9 +723,9 @@ body:not(.dark) .cn1-brand-logo { font-variation-settings: normal; font-weight: 500; line-height: 12px; - white-space: nowrap; + white-space: normal; overflow-wrap: break-word; - text-wrap-mode: nowrap; + word-break: break-word; } .cn1-card__links { @@ -1958,30 +1959,124 @@ body:not(.dark) .cn1-theme-toggle-btn { grid-template-columns: 1fr; } + .cn1-loved__grid { + gap: 18px; + } + + .cn1-loved__grid > img { + max-width: 420px; + margin: 0 auto; + } + + .cn1-loved__grid .cn1-carousel { + width: 100%; + max-width: 560px; + margin: 0 auto; + } + + .cn1-loved__grid .cn1-carousel__track { + display: flex; + width: 100%; + } + + .cn1-loved__grid .cn1-carousel__slide { + min-width: 100%; + } + + .cn1-loved__grid .cn1-carousel__slide blockquote { + max-width: 100%; + padding: 18px 16px; + font-size: 16px; + line-height: 1.4; + } + + .cn1-loved__grid .cn1-carousel__slide h3 { + font-size: 18px; + } + + .cn1-loved__grid .cn1-carousel__slide h3 + p { + font-size: 14px; + } + .cn1-cta-row article + article { border-left: 0; border-top: 1px solid #1f6dff; } + .cn1-cta-row article { + grid-template-columns: 1fr; + justify-items: center; + text-align: center; + gap: 14px; + padding: 24px 18px; + } + + .cn1-cta-row article h3 { + font-size: 18px; + line-height: 1.3; + } + + .cn1-bottom-links { + grid-template-columns: 1fr; + gap: 22px; + margin-top: 40px; + padding: 34px 18px 40px; + } + + .cn1-bottom-links__col, + .cn1-bottom-links__brand, + .cn1-bottom-links__stats { + min-width: 0; + } + + .cn1-bottom-links__col h3 { + text-align: center; + } + .cn1-bottom-links__col ul { columns: 1; + margin-top: 14px; + } + + .cn1-bottom-links__col li { + padding-left: 0; + text-align: center; + } + + .cn1-bottom-links__col li::before { + display: none; + } + + .cn1-bottom-links__col a { + display: block; + padding-left: 0; + white-space: normal; + word-break: normal; + overflow-wrap: anywhere; + line-height: 1.35; } .cn1-bottom-links__stats, .cn1-bottom-links__brand { - text-align: left; + text-align: center; } - .cn1-bottom-links__brand .cn1-footer-logo { - display: none; + .cn1-bottom-links__stats p { + margin: 0 0 16px; } - .cn1-bottom-links { - padding: 34px 18px 40px; + .cn1-bottom-links__brand .cn1-footer-logo { + display: block; + width: 160px; + margin: 0 auto; } .cn1-footer-meta { padding: 0 18px 20px; flex-direction: column; } + + .cn1-footer-meta p { + text-align: center; + } } diff --git a/docs/website/data/cn1libs.json b/docs/website/data/cn1libs.json index 809705dad9..80bcfcf62d 100644 --- a/docs/website/data/cn1libs.json +++ b/docs/website/data/cn1libs.json @@ -1,6 +1,6 @@ { "source_url": "https://raw.githubusercontent.com/codenameone/CodenameOneLibs/refs/heads/master/CN1Libs.xml", - "generated_at_utc": "2026-02-14T06:19:52.265877+00:00", + "generated_at_utc": "2026-02-14T14:53:30.361631+00:00", "status": "ok", "error": "", "count": 85,