Unverified Commit 90f0feea 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 a595534d

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
@@ -1009,7 +1009,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" = 
      return show ? Drupal.t('Hide row weights') : Drupal.t('Show row weights');

    },

    tableDragHandle: function tableDragHandle() {

      return "<a href=\"#\" title=\"".concat(Drupal.t('Drag to re-order'), "\"\n        class=\"tabledrag-handle\"><div class=\"handle\">&nbsp;</div></a>");

      return "<a href=\"#\" title=\"".concat(Drupal.t('Drag to re-order'), "\"\n        class=\"tabledrag-handle\"><div class=\"handle\"></div></a>");

    }

  });

})(jQuery, Drupal, drupalSettings);
 
 No newline at end of file

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

+12 −2
Original line number Diff line number Diff line
@@ -41,11 +41,21 @@ a.tabledrag-handle .handle { 
  height: 14px;

  margin: -0.4em 0.5em 0;

  padding: 0.42em 0.5em;

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

  background: #787878;

  -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:hover .handle,

a.tabledrag-handle:focus .handle {

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

  background: #000;

}



@media (forced-colors: active) {

  a.tabledrag-handle .handle,

  a.tabledrag-handle:hover .handle,

  a.tabledrag-handle:focus .handle {

    background: canvastext;

  }

}

.touchevents .draggable td {

  padding: 0 10px;