Drupal
/
drupal
mirror of https://git.drupalcode.org/project/drupal.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Issue #3097907 by dww, camilledavis, Abhijith S, komalk, athyamvidyasagar, rudolfbyker, kostyashupenko, guilhermevp, shaal, andrewmacpherson, tanubansal, krishnarp, paulocs, ckrina, saschaeggi, mgifford, rkoller, mherchel: Active toolbar tray has weak affordance and fails WCAG color criteria

merge-requests/6488/merge
nod_ 2024-02-22 12:08:48 +01:00
parent d66403c93d
commit 4e26ae9cc3
No known key found for this signature in database
GPG Key ID: 76624892606FA197
8 changed files with 25 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
core/modules/toolbar/css/toolbar.icons.theme.css
View File

@ -87,6 +87,10 @@
padding-left: 4em;
}
.toolbar .toolbar-bar .toolbar-tab > .toolbar-icon.is-active::before {
filter: invert(100%);
}
/**
* Top level icons.
*/

3
core/modules/toolbar/css/toolbar.icons.theme.pcss.css
View File

@ -67,6 +67,9 @@
padding-right: 2.75em;
padding-left: 4em;
}
.toolbar .toolbar-bar .toolbar-tab > .toolbar-icon.is-active::before {
filter: invert(100%);
}
/**
* Top level icons.

4
core/modules/toolbar/css/toolbar.theme.css
View File

@ -47,7 +47,9 @@
background-image: linear-gradient(rgba(255, 255, 255, 0.125) 20%, transparent 200%);
}
.toolbar .toolbar-bar .toolbar-tab > .toolbar-item.is-active {
background-image: linear-gradient(rgba(255, 255, 255, 0.25) 20%, transparent 200%);
color: #000;
border-bottom: 1px solid #ddd;
background-color: #fff;
}
/**

2
core/modules/toolbar/tests/src/Nightwatch/Tests/toolbarApiTest.js
View File

@ -81,7 +81,7 @@ module.exports = {
toReturn.toolbarModelOffsetsRight =
models.toolbarModel.get('offsets').right === 0;
toReturn.toolbarModelOffsetsTop =
models.toolbarModel.get('offsets').top === 79;
models.toolbarModel.get('offsets').top === 80;
toReturn.toolbarModelSubtrees =
models.menuModel.get('subtrees') === null;
return toReturn;

4
core/themes/claro/css/theme/toolbar.icons.theme.css
View File

@ -90,6 +90,10 @@
padding-left: 4em;
}
.toolbar .toolbar-bar .toolbar-tab > .toolbar-icon.is-active::before {
filter: invert(100%);
}
/**
* Top level icons.
*/

4
core/themes/claro/css/theme/toolbar.icons.theme.pcss.css
View File

@ -71,6 +71,10 @@
padding-left: 4em;
}
.toolbar .toolbar-bar .toolbar-tab > .toolbar-icon.is-active::before {
filter: invert(100%);
}
/**
* Top level icons.
*/

4
core/themes/claro/css/theme/toolbar.theme.css
View File

@ -57,7 +57,9 @@
background-image: linear-gradient(rgba(255, 255, 255, 0.125) 20%, transparent 200%);
}
.toolbar .toolbar-bar .toolbar-tab > .toolbar-item.is-active {
background-image: linear-gradient(rgba(255, 255, 255, 0.25) 20%, transparent 200%);
color: #000;
border-bottom: 1px solid #ddd;
background-color: #fff;
}
/**
* Toolbar tray.

4
core/themes/claro/css/theme/toolbar.theme.pcss.css
View File

@ -50,7 +50,9 @@
background-image: linear-gradient(rgba(255, 255, 255, 0.125) 20%, transparent 200%);
}
.toolbar .toolbar-bar .toolbar-tab > .toolbar-item.is-active {
background-image: linear-gradient(rgba(255, 255, 255, 0.25) 20%, transparent 200%);
color: #000;
border-bottom: 1px solid #ddd;
background-color: #fff;
}
/**