From eacbe74461857df004b15bfb6790459f64200357 Mon Sep 17 00:00:00 2001 From: Lupe Date: Fri, 6 May 2022 09:01:27 -0700 Subject: [PATCH 01/13] Darken sidebar heading color --- src/web/assets/cp/src/css/_cp.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/web/assets/cp/src/css/_cp.scss b/src/web/assets/cp/src/css/_cp.scss index b562731452a..d34fe945db9 100644 --- a/src/web/assets/cp/src/css/_cp.scss +++ b/src/web/assets/cp/src/css/_cp.scss @@ -1302,7 +1302,7 @@ li.breadcrumb-toggle-wrapper { padding: 0 5px; margin: 0 -5px; text-transform: uppercase; - color: var(--light-text-color); + color: var(--medium-text-color); font-size: 11px; font-weight: bold; } From 20cefad95cfc2689db12c7d7539f49eae771012d Mon Sep 17 00:00:00 2001 From: Lupe Date: Fri, 6 May 2022 10:28:08 -0700 Subject: [PATCH 02/13] Create visually-hidden mixin; add heading to content container and visually-hide for horizontal UI --- packages/craftcms-sass/_mixins.scss | 11 +++++++++++ src/templates/_layouts/cp.twig | 5 ++++- src/web/assets/cp/src/css/_cp.scss | 13 +++++++++++-- src/web/assets/cp/src/css/_main.scss | 9 +-------- src/web/assets/cp/src/js/BaseElementIndex.js | 2 +- src/web/assets/cp/src/js/CP.js | 11 +++++++---- 6 files changed, 35 insertions(+), 16 deletions(-) diff --git a/packages/craftcms-sass/_mixins.scss b/packages/craftcms-sass/_mixins.scss index c55b8c21baf..7a827572a19 100644 --- a/packages/craftcms-sass/_mixins.scss +++ b/packages/craftcms-sass/_mixins.scss @@ -633,6 +633,17 @@ $radioSize: 16px; box-shadow: var(--focus-ring); } +@mixin visually-hidden { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: 0; + overflow: hidden; + clip: rect(0, 0, 0, 0); + border: 0; +} + @mixin readable { font-size: 16px; line-height: 22px; diff --git a/src/templates/_layouts/cp.twig b/src/templates/_layouts/cp.twig index f1b730d522e..167696437e6 100644 --- a/src/templates/_layouts/cp.twig +++ b/src/templates/_layouts/cp.twig @@ -220,7 +220,7 @@ {# sidebar #} {% if sidebar %}