Date: Mon, 15 Jul 2024 18:51:20 GMT From: Mateusz Piotrowski <0mp@FreeBSD.org> To: doc-committers@FreeBSD.org, dev-commits-doc-all@FreeBSD.org Subject: git: bdfa6bc3a8 - main - website: Add red arrows to the "More" buttons at the bottom of the news/events/press sections Message-ID: <202407151851.46FIpKhk099372@gitrepo.freebsd.org>
next in thread | raw e-mail | index | archive | help
The branch main has been updated by 0mp: URL: https://cgit.FreeBSD.org/doc/commit/?id=bdfa6bc3a8d7282c3444b7a90205338c2e00be19 commit bdfa6bc3a8d7282c3444b7a90205338c2e00be19 Author: Janek Szynal <mail@janek.ooo> AuthorDate: 2024-07-15 18:41:12 +0000 Commit: Mateusz Piotrowski <0mp@FreeBSD.org> CommitDate: 2024-07-15 18:48:02 +0000 website: Add red arrows to the "More" buttons at the bottom of the news/events/press sections Arrows on the left side of a link are used in several places on the webiste. Adding them to the "More" buttons makes them stand out a bit and communicates that they have a different nature from the links above them. Reviewed by: 0mp Differential Revision: https://reviews.freebsd.org/D45811 --- website/content/en/layout/css/layout.css | 6 +++++- website/themes/beastie/static/css/layout.css | 6 +++++- 2 files changed, 10 insertions(+), 2 deletions(-) diff --git a/website/content/en/layout/css/layout.css b/website/content/en/layout/css/layout.css index 8aeddb7a3b..668d2764a0 100644 --- a/website/content/en/layout/css/layout.css +++ b/website/content/en/layout/css/layout.css @@ -294,7 +294,11 @@ } .newseventslist li.first-child { - padding-left: 0; + margin: 0; + padding-left: 12px; + background-image: url(../images/blt_red_arrow.png); + background-repeat: no-repeat; + background-position: 0px 0.5em; } .newseventslist li.only-child { diff --git a/website/themes/beastie/static/css/layout.css b/website/themes/beastie/static/css/layout.css index 35f2512661..cf9e215e95 100644 --- a/website/themes/beastie/static/css/layout.css +++ b/website/themes/beastie/static/css/layout.css @@ -332,7 +332,11 @@ header { } .newseventslist li.first-child { - padding-left: 0; + margin: 0; + padding-left: 12px; + background-image: url(../images/blt_red_arrow.png); + background-repeat: no-repeat; + background-position: 0px 0.5em; } .newseventslist li.only-child {
Want to link to this message? Use this URL: <https://mail-archive.FreeBSD.org/cgi/mid.cgi?202407151851.46FIpKhk099372>