Verified Commit 6d55a8f3 authored by Alex Pott's avatar Alex Pott
Browse files

Issue #3254202 by Spokje, kostyashupenko, longwave, mherchel, bnjmnm: Remove... 

Issue #3254202 by Spokje, kostyashupenko, longwave, mherchel, bnjmnm: Remove IE11 Support from Claro

(cherry picked from commit 766d6275)
parent b8a5da0a

core/themes/claro/claro.libraries.yml

+0 −1
Original line number Diff line number Diff line
@@ -34,7 +34,6 @@ global-styling: 
      css/components/fieldset.css: {}

      css/components/form.css: {}

      css/components/form--checkbox-radio.css: {}

      css/components/form--checkbox-radio--ie.css: {}

      css/components/form--field-multiple.css: {}

      css/components/form--managed-file.css: {}

      css/components/form--text.css: {}

core/themes/claro/css/base/elements.css

+0 −3
Original line number Diff line number Diff line
@@ -268,9 +268,6 @@ img { 
 *

 * This is applied globally to all interactive elements except Toolbar and

 * Settings Tray since they have their own styles.

 *

 * @todo https://www.drupal.org/project/claro/issues/3048785 :focus selector is

 *   active for non-interactive elements in Internet Explorer 11.

 */



.page-wrapper *:focus,

core/themes/claro/css/base/elements.pcss.css

+0 −3
Original line number Diff line number Diff line
@@ -221,9 +221,6 @@ img { 
 *

 * This is applied globally to all interactive elements except Toolbar and

 * Settings Tray since they have their own styles.

 *

 * @todo https://www.drupal.org/project/claro/issues/3048785 :focus selector is

 *   active for non-interactive elements in Internet Explorer 11.

 */

.page-wrapper *:focus,

.ui-dialog *:focus {

core/themes/claro/css/components/action-link.css

+0 −68
Original line number Diff line number Diff line
@@ -194,20 +194,6 @@ 
  margin-left: 0.4em;

}



/**

 * Hide action link icons for IE11.

 *

 * IE 11 does not display inline svg backgrounds

 */



@media screen and (-ms-high-contrast: active) {

  /* stylelint-disable-next-line selector-type-no-unknown */

  _:-ms-fullscreen,

  .action-link::before {

    display: none;

  }

}



/* Plus */



.action-link--icon-plus::before {
@@ -237,12 +223,6 @@ 
  background-image: url("data:image/svg+xml,%3csvg height='16' stroke='%23ab1b1b' stroke-width='2' width='16' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M3 8h10M8 3v10'/%3e%3c/svg%3e");

}



@media screen and (-ms-high-contrast: active) {

  .action-link--icon-plus.action-link--icon-plus.action-link--icon-plus::before {

    background-image: url("data:image/svg+xml,%3csvg height='16' stroke='windowText' stroke-width='2' viewBox='0 0 16 16' width='16' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m3 8h10'/%3e%3cpath d='m8 3v10'/%3e%3c/svg%3e");

  }

}



@media (forced-colors: active) {

  .action-link--icon-plus::before {

    background: linktext !important;
@@ -284,12 +264,6 @@ 
  background-image: url("data:image/svg+xml,%3csvg height='16' width='16' fill='%23Ab1B1B' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M14.9 2.9c-.1-.4-.2-.6-.2-.6-.1-.4-.4-.4-.8-.5l-2.3-.3c-.3 0-.3 0-.4-.3-.4-.7-.5-1.2-.9-1.2H5.7c-.4 0-.5.5-.9 1.3-.1.2-.1.2-.4.3l-2.3.3c-.4 0-.7.1-.8.4 0 0-.1.2-.2.5-.1.6-.2.5.3.5h13.2c.5 0 .4.1.3-.4zm-1.5 1.8H2.6c-.7 0-.8.1-.7.6l.8 10.1c.1.5.1.6.8.6h9.1c.6 0 .7-.1.8-.6l.8-10.1c0-.5-.1-.6-.8-.6z'/%3e%3c/svg%3e");

}



@media screen and (-ms-high-contrast: active) {

  .action-link--icon-trash.action-link--icon-trash.action-link--icon-trash::before {

    background-image: url("data:image/svg+xml,%3csvg height='16' viewBox='0 0 16 16' width='16' fill='windowText' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m14.89965 2.9c-.1-.4-.2-.6-.2-.6-.1-.4-.4-.4-.8-.5l-2.3-.3c-.3 0-.3 0-.4-.3-.4-.7-.5-1.2-.9-1.2h-4.6c-.4 0-.5.5-.9 1.3-.1.2-.1.2-.4.3l-2.3.3c-.4 0-.7.1-.8.4 0 0-.1.2-.2.5-.1.6-.2.5.3.5h13.2c.5 0 .4.1.3-.4zm-1.5 1.8h-10.8c-.7 0-.8.1-.7.6l.8 10.1c.1.5.1.6.8.6h9.1c.6 0 .7-.1.8-.6l.8-10.1c0-.5-.1-.6-.8-.6z'/%3e%3c/svg%3e") !important;

  }

}



@media (forced-colors: active) {

  .action-link--icon-trash::before {

    background: linktext !important;
@@ -331,12 +305,6 @@ 
  background-image: url("data:image/svg+xml,%3csvg height='16' stroke='%23ab1b1b' stroke-width='1.5' width='16' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M13 3L3 13M13 13L3 3'/%3e%3c/svg%3e");

}



@media screen and (-ms-high-contrast: active) {

  .action-link--icon-ex.action-link--icon-ex.action-link--icon-ex::before {

    background-image: url("data:image/svg+xml,%3csvg height='16' stroke='windowText' stroke-width='1.5' viewBox='0 0 16 16' width='16' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M13 3L3 13'/%3e%3cpath d='M13 13L3 3'/%3e%3c/svg%3e") !important;

  }

}



@media (forced-colors: active) {

  .action-link--icon-ex::before {

    background: linktext !important;
@@ -378,12 +346,6 @@ 
  background-image: url("data:image/svg+xml,%3csvg fill='none' height='16' stroke='%23ab1b1b' stroke-width='2' width='16' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M2 8.571L5.6 12 14 4'/%3e%3c/svg%3e");

}



@media screen and (-ms-high-contrast: active) {

  .action-link--icon-checkmark.action-link--icon-checkmark.action-link--icon-checkmark::before {

    background-image: url("data:image/svg+xml,%3csvg fill='none' height='16' stroke='windowText' stroke-width='2' width='16' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M2 8.571L5.6 12 14 4'/%3e%3c/svg%3e") !important;

  }

}



@media (forced-colors: active) {

  .action-link--icon-checkmark::before {

    background: linktext !important;
@@ -425,12 +387,6 @@ 
  background-image: url("data:image/svg+xml,%3csvg height='16' fill='%23AB1B1B' width='16' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M15.426 9.249a7.29 7.29 0 00.076-.998c0-.36-.035-.71-.086-1.056l-2.275-.293a5.039 5.039 0 00-.498-1.201l1.396-1.808a7.3 7.3 0 00-1.459-1.452l-1.807 1.391a5.058 5.058 0 00-1.2-.499l-.292-2.252C8.943 1.033 8.604 1 8.252 1s-.694.033-1.032.082l-.291 2.251a5.076 5.076 0 00-1.2.499L3.924 2.441a7.3 7.3 0 00-1.459 1.452L3.86 5.701a5.076 5.076 0 00-.499 1.2l-2.276.294A7.35 7.35 0 001 8.251c0 .34.031.671.077.998l2.285.295c.115.426.284.826.499 1.2L2.444 12.58c.411.55.896 1.038 1.443 1.452l1.842-1.42c.374.215.774.383 1.2.498l.298 2.311c.337.047.677.08 1.025.08s.688-.033 1.021-.08l.299-2.311a5.056 5.056 0 001.201-.498l1.842 1.42a7.326 7.326 0 001.443-1.452l-1.416-1.837c.215-.373.383-.773.498-1.199zm-7.174 1.514a2.54 2.54 0 110-5.082 2.542 2.542 0 010 5.082z'/%3e%3c/svg%3e");

}



@media screen and (-ms-high-contrast: active) {

  .action-link--icon-cog.action-link--icon-cog.action-link--icon-cog::before {

    background-image: url("data:image/svg+xml,%3csvg height='16' viewBox='0 0 16 16' fill='windowText' width='16' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m15.426 9.249c.045-.327.076-.658.076-.998 0-.36-.035-.71-.086-1.056l-2.275-.293c-.115-.426-.283-.827-.498-1.201l1.396-1.808c-.416-.551-.906-1.039-1.459-1.452l-1.807 1.391c-.373-.215-.774-.383-1.2-.499l-.292-2.252c-.338-.048-.677-.081-1.029-.081s-.694.033-1.032.082l-.291 2.251c-.426.116-.826.284-1.2.499l-1.805-1.391c-.552.413-1.044.901-1.459 1.452l1.395 1.808c-.215.374-.383.774-.499 1.2l-2.276.294c-.05.346-.085.696-.085 1.056 0 .34.031.671.077.998l2.285.295c.115.426.284.826.499 1.2l-1.417 1.836c.411.55.896 1.038 1.443 1.452l1.842-1.42c.374.215.774.383 1.2.498l.298 2.311c.337.047.677.08 1.025.08s.688-.033 1.021-.08l.299-2.311c.426-.115.826-.283 1.201-.498l1.842 1.42c.547-.414 1.031-.902 1.443-1.452l-1.416-1.837c.215-.373.383-.773.498-1.199zm-7.174 1.514c-1.406 0-2.543-1.137-2.543-2.541 0-1.402 1.137-2.541 2.543-2.541 1.402 0 2.541 1.138 2.541 2.541 0 1.404-1.139 2.541-2.541 2.541z'/%3e%3c/svg%3e") !important;

  }

}



@media (forced-colors: active) {

  .action-link--icon-cog::before {

    background: linktext !important;
@@ -472,12 +428,6 @@ 
  background-image: url("data:image/svg+xml,%3csvg fill-rule='evenodd' height='16' fill='%23AB1B1B' width='16' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M8 3C4.364 3 1.258 5.073 0 8c1.258 2.927 4.364 5 8 5s6.742-2.073 8-5c-1.258-2.927-4.364-5-8-5zm0 8a3 3 0 100-6 3 3 0 000 6z'/%3e%3c/svg%3e");

}



@media screen and (-ms-high-contrast: active) {

  .action-link--icon-show.action-link--icon-show.action-link--icon-show::before {

    background-image: url("data:image/svg+xml,%3csvg fill-rule='evenodd' height='16' viewBox='0 0 16 16' fill='windowText' width='16' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m8 3c-3.6363601 0-6.7418187 2.0733333-8 5 1.2581813 2.926667 4.3636399 5 8 5 3.63636 0 6.741866-2.073333 8-5-1.258134-2.9266667-4.36364-5-8-5zm0 8c1.6568531 0 3-1.343147 3-3 0-1.6568534-1.3431469-3-3-3-1.6568535 0-3 1.3431466-3 3 0 1.656853 1.3431466 3 3 3z'/%3e%3c/svg%3e") !important;

  }

}



@media (forced-colors: active) {

  .action-link--icon-show::before {

    background: linktext !important;
@@ -519,12 +469,6 @@ 
  background-image: url("data:image/svg+xml,%3csvg fill-rule='evenodd' height='16' fill='%23AB1B1B' width='16' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M2.01 1.696L2 1.707 14.072 13.78l-.696.697-2.078-2.078A9.232 9.232 0 018 13c-3.636 0-6.742-2.073-8-5 .647-1.505 1.783-2.784 3.228-3.672L1 2.1l.707-.707zM5 8c0-.546.146-1.058.4-1.5l4.1 4.1A3 3 0 015 8zM5.151 3.444l1.76 1.76a3 3 0 013.885 3.885l2.344 2.344C14.41 10.561 15.41 9.375 16 8c-1.258-2.927-4.364-5-8-5-.999 0-1.958.156-2.849.444z'/%3e%3c/svg%3e");

}



@media screen and (-ms-high-contrast: active) {

  .action-link--icon-hide.action-link--icon-hide.action-link--icon-hide::before {

    background-image: url("data:image/svg+xml,%3csvg fill-rule='evenodd' height='16' viewBox='0 0 16 16' fill='windowText' width='16' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m2.0106399 1.6964404-.0106399.0106426 12.072 12.07205-.6964.696467-2.077627-2.077613c-1.015347.38784-2.1292399.602013-3.297973.602013-3.6363601 0-6.7418187-2.073333-8-5 .64703865-1.5050798 1.7826266-2.7844797 3.2277199-3.6722797l-2.2277199-2.2277203.7071066-.707096zm2.98936 6.3035598c0-.54608.1459066-1.0580666.4008533-1.4991333l4.0982932 4.0982801c-.4410666.25496-.9530666.400853-1.4991464.400853-1.6568535 0-3-1.343146-3-3z'/%3e%3cpath d='m5.1510932 3.4439603 1.75984 1.75984c.3376-.1315867.7048933-.2038 1.0890666-.2038 1.6568533-.0000003 3.0000002 1.3431466 3.0000002 2.9999997 0 .3841735-.07221.7514668-.2038 1.0890668l2.344093 2.3440932c1.269973-.871746 2.26864-2.0582932 2.859707-3.43316-1.258134-2.9266664-4.36364-5-8-5-.9987733 0-1.9575066.1564134-2.8489066.44396z'/%3e%3c/svg%3e");

  }

}



@media (forced-colors: active) {

  .action-link--icon-hide::before {

    background: linktext !important;
@@ -566,12 +510,6 @@ 
  background-image: url("data:image/svg+xml,%3csvg width='15' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M13.727 6.714A4.239 4.239 0 008.9 5.896L3.001 0H0v2h1v1.618L1.378 4H3v1h1v1.622h1.622l.864.862L5.5 8.5l.992.99a4.227 4.227 0 001.223 3.234 4.264 4.264 0 006.012 0 4.253 4.253 0 000-6.01zm-.829 5.182a1.653 1.653 0 11-2.338-2.338 1.653 1.653 0 112.338 2.338z' fill='%23ab1b1b'/%3e%3c/svg%3e");

}



@media screen and (-ms-high-contrast: active) {

  .action-link--icon-key.action-link--icon-key.action-link--icon-key::before {

    background-image: url("data:image/svg+xml,%3csvg width='15' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M13.727 6.714A4.239 4.239 0 008.9 5.896L3.001 0H0v2h1v1.618L1.378 4H3v1h1v1.622h1.622l.864.862L5.5 8.5l.992.99a4.227 4.227 0 001.223 3.234 4.264 4.264 0 006.012 0 4.253 4.253 0 000-6.01zm-.829 5.182a1.653 1.653 0 11-2.338-2.338 1.653 1.653 0 112.338 2.338z' fill='windowText'/%3e%3c/svg%3e") !important;

  }

}



@media (forced-colors: active) {

  .action-link--icon-key::before {

    background: linktext !important;
@@ -613,12 +551,6 @@ 
  background-image: url("data:image/svg+xml,%3csvg width='15' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M7.002 0a7 7 0 100 14 7 7 0 000-14zm3 5c0 .551-.16 1.085-.477 1.586l-.158.22c-.07.093-.189.241-.361.393a9.67 9.67 0 01-.545.447l-.203.189-.141.129-.096.17L8 8.369v.63H5.999v-.704c.026-.396.078-.73.204-.999a2.83 2.83 0 01.439-.688l.225-.21-.01-.015.176-.14.137-.128c.186-.139.357-.277.516-.417l.148-.18A.948.948 0 008.002 5 1.001 1.001 0 006 5H4a3 3 0 016.002 0zm-1.75 6.619a.627.627 0 01-.625.625h-1.25a.627.627 0 01-.626-.625v-1.238c0-.344.281-.625.626-.625h1.25c.344 0 .625.281.625.625v1.238z' fill='%23ab1b1b'/%3e%3c/svg%3e");

}



@media screen and (-ms-high-contrast: active) {

  .action-link--icon-questionmark.action-link--icon-questionmark.action-link--icon-questionmark::before {

    background-image: url("data:image/svg+xml,%3csvg width='15' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M7.002 0a7 7 0 100 14 7 7 0 000-14zm3 5c0 .551-.16 1.085-.477 1.586l-.158.22c-.07.093-.189.241-.361.393a9.67 9.67 0 01-.545.447l-.203.189-.141.129-.096.17L8 8.369v.63H5.999v-.704c.026-.396.078-.73.204-.999a2.83 2.83 0 01.439-.688l.225-.21-.01-.015.176-.14.137-.128c.186-.139.357-.277.516-.417l.148-.18A.948.948 0 008.002 5 1.001 1.001 0 006 5H4a3 3 0 016.002 0zm-1.75 6.619a.627.627 0 01-.625.625h-1.25a.627.627 0 01-.626-.625v-1.238c0-.344.281-.625.626-.625h1.25c.344 0 .625.281.625.625v1.238z' fill='windowText'/%3e%3c/svg%3e") !important;

  }

}



@media (forced-colors: active) {

  .action-link--icon-questionmark::before {

    background: linktext !important;

core/themes/claro/css/components/action-link.pcss.css

+0 −67
Original line number Diff line number Diff line
@@ -166,19 +166,6 @@ 
  margin-left: 0.4em;

}



/**

 * Hide action link icons for IE11.

 *

 * IE 11 does not display inline svg backgrounds

 */

@media screen and (-ms-high-contrast: active) {

  /* stylelint-disable-next-line selector-type-no-unknown */

  _:-ms-fullscreen,

  .action-link::before {

    display: none;

  }

}



/* Plus */

.action-link--icon-plus::before {

  content: "";
@@ -203,12 +190,6 @@ 
  background-image: url(../../images/icons/ab1b1b/plus.svg);

}



@media screen and (-ms-high-contrast: active) {

  .action-link--icon-plus.action-link--icon-plus.action-link--icon-plus::before {

    background-image: url(../../images/icons/windowText/plus.svg);

  }

}



@media (forced-colors: active) {

  .action-link--icon-plus::before {

    background: linktext !important;
@@ -240,12 +221,6 @@ 
  background-image: url(../../images/icons/ab1b1b/trash.svg);

}



@media screen and (-ms-high-contrast: active) {

  .action-link--icon-trash.action-link--icon-trash.action-link--icon-trash::before {

    background-image: url(../../images/icons/windowText/trash.svg) !important;

  }

}



@media (forced-colors: active) {

  .action-link--icon-trash::before {

    background: linktext !important;
@@ -277,12 +252,6 @@ 
  background-image: url(../../images/icons/ab1b1b/ex.svg);

}



@media screen and (-ms-high-contrast: active) {

  .action-link--icon-ex.action-link--icon-ex.action-link--icon-ex::before {

    background-image: url(../../images/icons/windowText/ex.svg) !important;

  }

}



@media (forced-colors: active) {

  .action-link--icon-ex::before {

    background: linktext !important;
@@ -314,12 +283,6 @@ 
  background-image: url(../../images/icons/ab1b1b/checkmark.svg);

}



@media screen and (-ms-high-contrast: active) {

  .action-link--icon-checkmark.action-link--icon-checkmark.action-link--icon-checkmark::before {

    background-image: url(../../images/icons/windowText/checkmark.svg) !important;

  }

}



@media (forced-colors: active) {

  .action-link--icon-checkmark::before {

    background: linktext !important;
@@ -351,12 +314,6 @@ 
  background-image: url(../../images/icons/ab1b1b/cog.svg);

}



@media screen and (-ms-high-contrast: active) {

  .action-link--icon-cog.action-link--icon-cog.action-link--icon-cog::before {

    background-image: url(../../images/icons/windowText/cog.svg) !important;

  }

}



@media (forced-colors: active) {

  .action-link--icon-cog::before {

    background: linktext !important;
@@ -388,12 +345,6 @@ 
  background-image: url(../../images/icons/ab1b1b/show.svg);

}



@media screen and (-ms-high-contrast: active) {

  .action-link--icon-show.action-link--icon-show.action-link--icon-show::before {

    background-image: url(../../images/icons/windowText/show.svg) !important;

  }

}



@media (forced-colors: active) {

  .action-link--icon-show::before {

    background: linktext !important;
@@ -425,12 +376,6 @@ 
  background-image: url(../../images/icons/ab1b1b/hide.svg);

}



@media screen and (-ms-high-contrast: active) {

  .action-link--icon-hide.action-link--icon-hide.action-link--icon-hide::before {

    background-image: url(../../images/icons/windowText/hide.svg);

  }

}



@media (forced-colors: active) {

  .action-link--icon-hide::before {

    background: linktext !important;
@@ -462,12 +407,6 @@ 
  background-image: url("../../images/icons/ab1b1b/key.svg");

}



@media screen and (-ms-high-contrast: active) {

  .action-link--icon-key.action-link--icon-key.action-link--icon-key::before {

    background-image: url("../../images/icons/windowText/key.svg") !important;

  }

}



@media (forced-colors: active) {

  .action-link--icon-key::before {

    background: linktext !important;
@@ -499,12 +438,6 @@ 
  background-image: url("../../images/icons/ab1b1b/questionmark.svg");

}



@media screen and (-ms-high-contrast: active) {

  .action-link--icon-questionmark.action-link--icon-questionmark.action-link--icon-questionmark::before {

    background-image: url("../../images/icons/windowText/questionmark.svg") !important;

  }

}



@media (forced-colors: active) {

  .action-link--icon-questionmark::before {

    background: linktext !important;