Unverified Commit ebe52e30 authored by Lauri Timmanee's avatar Lauri Timmanee
Browse files

Issue #3227431 by mherchel, kostyashupenko, andy-blum, Kristen Pol,... 

Issue #3227431 by mherchel, kostyashupenko, andy-blum, Kristen Pol, andrewmacpherson, cindytwilliams, alexpott, mgifford, dww, shaal, rkoller: Tabledrag icon doesn't adapt to forced-colors mode
parent c1efe4c3

core/misc/tabledrag.es6.js

+1 −1
Original line number Diff line number Diff line
@@ -1704,7 +1704,7 @@ 
       */

      tableDragHandle() {

        return `<a href="#" title="${Drupal.t('Drag to re-order')}"

        class="tabledrag-handle"><div class="handle">&nbsp;</div></a>`;

        class="tabledrag-handle"><div class="handle"></div></a>`;

      },

    },

  );

core/misc/tabledrag.js

+1 −1
Original line number Diff line number Diff line
@@ -975,7 +975,7 @@ 


    tableDragHandle() {

      return `<a href="#" title="${Drupal.t('Drag to re-order')}"

        class="tabledrag-handle"><div class="handle">&nbsp;</div></a>`;

        class="tabledrag-handle"><div class="handle"></div></a>`;

    }



  });

core/modules/system/css/components/tabledrag.module.css

+15 −0
Original line number Diff line number Diff line
@@ -47,6 +47,21 @@ a.tabledrag-handle:hover .handle, 
a.tabledrag-handle:focus .handle {

  background-image: url(../../../../misc/icons/000000/move.svg);

}



@media (forced-colors: active) {

  a.tabledrag-handle .handle,

  a.tabledrag-handle:hover .handle,

  a.tabledrag-handle:focus .handle {

    background: linktext;

    -webkit-mask: url(../../../../misc/icons/787878/move.svg) no-repeat 6px 7px;

    mask: url(../../../../misc/icons/787878/move.svg) no-repeat 6px 7px;

  }



  a.tabledrag-handle:focus {

    outline: solid 1px transparent;

  }

}



.touchevents .draggable td {

  padding: 0 10px;

}