Verified Commit 4e26ae9c authored by Théodore Biadala's avatar Théodore Biadala
Browse files

Issue #3097907 by dww, camilledavis, Abhijith S, komalk, athyamvidyasagar,... 

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
parent d66403c9

core/modules/toolbar/css/toolbar.icons.theme.css

+4 −0
Original line number Diff line number Diff line
@@ -87,6 +87,10 @@ 
  padding-left: 4em;

}



.toolbar .toolbar-bar .toolbar-tab > .toolbar-icon.is-active::before {

  filter: invert(100%);

}



/**

 * Top level icons.

 */

core/modules/toolbar/css/toolbar.icons.theme.pcss.css

+3 −0
Original line number Diff line number Diff line
@@ -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.

core/modules/toolbar/css/toolbar.theme.css

+3 −1
Original line number Diff line number Diff line
@@ -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;

}



/**

core/modules/toolbar/tests/src/Nightwatch/Tests/toolbarApiTest.js

+1 −1
Original line number Diff line number Diff line
@@ -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;

core/themes/claro/css/theme/toolbar.icons.theme.css

+4 −0
Original line number Diff line number Diff line
@@ -90,6 +90,10 @@ 
  padding-left: 4em;

}



.toolbar .toolbar-bar .toolbar-tab > .toolbar-icon.is-active::before {

  filter: invert(100%);

}



/**

 * Top level icons.

 */