From bc03f1064e10fa247a46d4e8a98ba9b26aa4790d Mon Sep 17 00:00:00 2001 From: antoliny0919 Date: Thu, 22 May 2025 15:56:51 +0900 Subject: Fixed #34041 -- Added aria-current attribute to admin breadcrumbs. Co-authored by: farita1699 --- django/contrib/admin/static/admin/css/base.css | 26 ++++++++++++++++++++++---- 1 file changed, 22 insertions(+), 4 deletions(-) (limited to 'django/contrib/admin/static') diff --git a/django/contrib/admin/static/admin/css/base.css b/django/contrib/admin/static/admin/css/base.css index a3ddccdd91..ee67fe7cd5 100644 --- a/django/contrib/admin/static/admin/css/base.css +++ b/django/contrib/admin/static/admin/css/base.css @@ -754,19 +754,37 @@ td ul.errorlist + input, td ul.errorlist + select, td ul.errorlist + textarea { /* BREADCRUMBS */ -div.breadcrumbs { +ol.breadcrumbs { background: var(--breadcrumbs-bg); padding: 10px 40px; border: none; color: var(--breadcrumbs-fg); - text-align: left; + margin-top: 0; + margin-bottom: 0; +} + +ol.breadcrumbs li { + display: inline-block; + font-size: 0.875rem; + padding: 0; + line-height: 0; +} + +ol.breadcrumbs li:not([aria-current="page"])::after { + content: ' \203A ' / ''; +} + +ol.breadcrumbs li a[aria-current="page"] { + color: var(--breadcrumbs-fg); + text-decoration: none !important; + cursor: default; } -div.breadcrumbs a { +ol.breadcrumbs a { color: var(--breadcrumbs-link-fg); } -div.breadcrumbs a:focus, div.breadcrumbs a:hover { +ol.breadcrumbs a:focus, ol.breadcrumbs a:hover { color: var(--breadcrumbs-fg); } -- cgit v1.3