Patch Detail
Show a patch.
GET /api/patches/26327/?format=api
{ "id": 26327, "url": "https://patchwork.libcamera.org/api/patches/26327/?format=api", "web_url": "https://patchwork.libcamera.org/patch/26327/", "project": { "id": 1, "url": "https://patchwork.libcamera.org/api/projects/1/?format=api", "name": "libcamera", "link_name": "libcamera", "list_id": "libcamera_core", "list_email": "libcamera-devel@lists.libcamera.org", "web_url": "", "scm_url": "", "webscm_url": "" }, "msgid": "<20260324160528.951575-3-simonparri@ganzeria.com>", "date": "2026-03-24T16:05:30", "name": "[libcamera.org] Fix hero image pushing text off-screen on the landing page", "commit_ref": null, "pull_url": null, "state": "new", "archived": false, "hash": "707beb60a1abf668d6be3b046cd2caccde5c67ea", "submitter": { "id": 263, "url": "https://patchwork.libcamera.org/api/people/263/?format=api", "name": "Simon Parri", "email": "simonparri@ganzeria.com" }, "delegate": null, "mbox": "https://patchwork.libcamera.org/patch/26327/mbox/", "series": [ { "id": 5843, "url": "https://patchwork.libcamera.org/api/series/5843/?format=api", "web_url": "https://patchwork.libcamera.org/project/libcamera/list/?series=5843", "date": "2026-03-24T16:05:30", "name": "[libcamera.org] Fix hero image pushing text off-screen on the landing page", "version": 1, "mbox": "https://patchwork.libcamera.org/series/5843/mbox/" } ], "comments": "https://patchwork.libcamera.org/api/patches/26327/comments/", "check": "pending", "checks": "https://patchwork.libcamera.org/api/patches/26327/checks/", "tags": {}, "headers": { "Return-Path": "<libcamera-devel-bounces@lists.libcamera.org>", "X-Original-To": "parsemail@patchwork.libcamera.org", "Delivered-To": "parsemail@patchwork.libcamera.org", "Received": [ "from lancelot.ideasonboard.com (lancelot.ideasonboard.com\n\t[92.243.16.209])\n\tby patchwork.libcamera.org (Postfix) with ESMTPS id 5ADF2BD87C\n\tfor <parsemail@patchwork.libcamera.org>;\n\tTue, 24 Mar 2026 16:06:42 +0000 (UTC)", "from lancelot.ideasonboard.com (localhost [IPv6:::1])\n\tby lancelot.ideasonboard.com (Postfix) with ESMTP id AC64C6279E;\n\tTue, 24 Mar 2026 17:06:41 +0100 (CET)", "from omta002.uswest2.a.cloudfilter.net\n\t(omta002.uswest2.a.cloudfilter.net [35.164.127.225])\n\tby lancelot.ideasonboard.com (Postfix) with ESMTPS id 2D83962791\n\tfor <libcamera-devel@lists.libcamera.org>;\n\tTue, 24 Mar 2026 17:06:39 +0100 (CET)", "from mcc-obgw-5001b.ext.cloudfilter.net ([10.243.65.88])\n\tby cmsmtp with ESMTP\n\tid 4zVEwCGuQXqHn54H8wXOO0; Tue, 24 Mar 2026 16:06:38 +0000", "from localhost ([173.16.167.196]) by cmsmtp with ESMTPS\n\tid 54H7w3JhnnmIA54H8wClkR; Tue, 24 Mar 2026 16:06:38 +0000" ], "X-Authority-Analysis": "v=2.4 cv=SNNCVPvH c=1 sm=1 tr=0 ts=69c2b68e\n\ta=VPmDnoH/21K0g3l4Zi3lTQ==:117 a=VPmDnoH/21K0g3l4Zi3lTQ==:17\n\ta=YAyIRdgMAAAA:8\n\ta=93cTfXwPAAAA:8 a=0k_abor-NQi6Dy6BUaYA:9 a=o1rO4XtwZBNj6n05oSJ_:22\n\ta=BtoB7OvlJspRKqJ76k_l:22", "From": "Simon Parri <simonparri@ganzeria.com>", "To": "libcamera-devel@lists.libcamera.org", "Cc": "Simon Parri <simonparri@ganzeria.com>", "Subject": "[libcamera.org] [PATCH] Fix hero image pushing text off-screen on\n\tthe landing page", "Date": "Tue, 24 Mar 2026 11:05:30 -0500", "Message-ID": "<20260324160528.951575-3-simonparri@ganzeria.com>", "X-Mailer": "git-send-email 2.51.2", "MIME-Version": "1.0", "Content-Transfer-Encoding": "8bit", "X-CMAE-Envelope": "MS4xfG8nTDaNeqAo1Fg/0DfcGuhtbjaZMpoBuvLNH/VL0PJlZTPImjOi81MQSLfMO9zLWyQAr9WcUlcI9PJgM5toMW9HbRMRwFfrwOBfxkp5ww7OFAqh4mGi\n\tvaj1eJcLcXBtRnHeS4yzSDPdm5AhJ6MplqcVbJ0LmKTmlgi9n2XwmqCiaT4qT8whpD/BSvLwVNPTgYKGb/AfF3y2sPTAeako3ldT5ir9bsE80WFGlB9KXWIc\n\tGP8mEfokJaDOkUuhrHNukw==", "X-BeenThere": "libcamera-devel@lists.libcamera.org", "X-Mailman-Version": "2.1.29", "Precedence": "list", "List-Id": "<libcamera-devel.lists.libcamera.org>", "List-Unsubscribe": "<https://lists.libcamera.org/options/libcamera-devel>,\n\t<mailto:libcamera-devel-request@lists.libcamera.org?subject=unsubscribe>", "List-Archive": "<https://lists.libcamera.org/pipermail/libcamera-devel/>", "List-Post": "<mailto:libcamera-devel@lists.libcamera.org>", "List-Help": "<mailto:libcamera-devel-request@lists.libcamera.org?subject=help>", "List-Subscribe": "<https://lists.libcamera.org/listinfo/libcamera-devel>,\n\t<mailto:libcamera-devel-request@lists.libcamera.org?subject=subscribe>", "Errors-To": "libcamera-devel-bounces@lists.libcamera.org", "Sender": "\"libcamera-devel\" <libcamera-devel-bounces@lists.libcamera.org>" }, "content": "The CSS does not set the width of the hero image on the landing site. As a\nresult, the image takes up a constant amount of space, so when the viewport is\nnarrower than the image width + text width, the text is pushed out of the\nviewport. So make the image only use the width of its container.\n\nHowever, simply setting the width of the <img> to 100% makes the image too\nsmall compared to the text. So give the welcome section a wider max-width to\nallow the image more space.\n\nSigned-off-by: Simon Parri <simonparri@ganzeria.com>\n---\nHello everyone,\n\nI came across this bug on the libcamera.org landing page. It's reproducible\n(at least in Firefox) by going into responsive design mode (<C-S-m>) and\nchanging the width to 1200px. In my fix I tried to make sure that the hero\nimage looks reasonably-sized proportional to the \"Hi, we're libcamera\" text.\nI also tried to make sure that the text was reasonably right-aligned with the\ntext in the \"About\" section.\n\nI couldn't find a repo for the website, so I made a scratch repo and had to\nguess at the layout of the files. I can resend the patch with adjusted\nfilenames if desired.\n\n _static/css/myrika-libcamera.css | 16 ++++++++++++++++\n 1 file changed, 16 insertions(+)\n\n--\n2.51.2", "diff": "diff --git a/_static/css/myrika-libcamera.css b/_static/css/myrika-libcamera.css\nindex bf59154..d73042a 100644\n--- a/_static/css/myrika-libcamera.css\n+++ b/_static/css/myrika-libcamera.css\n@@ -233,6 +233,18 @@ nav li .current a, nav .active a {\n \tdisplay: none;\n }\n\n+/* Give the welcome section more space for the image */\n+#welcome {\n+ max-width: 1600px !important;\n+}\n+\n+/* Give the image more space on small screens */\n+@media only screen and (max-width: 1200px) and (min-width: 700px) {\n+ #welcome {\n+ padding-left: 0 !important;\n+ }\n+}\n+\n #welcome .hero {\n \tdisplay: grid;\n \tgrid-template-columns: repeat(2, 1fr);\n@@ -249,6 +261,10 @@ nav li .current a, nav .active a {\n \tgrid-area: hero;\n }\n\n+#welcome .heroimage img {\n+ width: 100%;\n+}\n+\n /* Hero Text */\n #welcome .herotext {\n \tgrid-area: text;\n", "prefixes": [ "libcamera.org" ] }