Commit 45b5b43f authored by Mukeysh's avatar Mukeysh Committed by Sascha Eggenberger
Browse files

Issue #3378149 by Moni_10, Mukeysh, djsagar, Indrapatil: Filters icons on... 

Issue #3378149 by Moni_10, Mukeysh, djsagar, Indrapatil: Filters icons on table header of content page are not visible for forced colors / high contrast mode
parent 2a3db38e

dist/css/base/gin.css

+20 −6
Original line number Diff line number Diff line
@@ -1385,6 +1385,12 @@ table td .group-label { 
          mask-position: center center;

}



@media (forced-colors: active) {

  .sortable-heading > a::after {

    background: linktext;

  }

}



.sortable-heading.is-active > a, .sortable-heading.is-active > a:hover, .sortable-heading.is-active > a:active {

  color: var(--gin-color-primary-active);

}
@@ -1410,12 +1416,26 @@ table td .group-label { 
          mask-image: url("../../media/sprite.svg#sort-asc-view");

}



@media (forced-colors: active) {

  .tablesort--asc,

  [dir=rtl] .tablesort--asc {

    background: linktext;

  }

}



.tablesort--desc,

[dir=rtl] .tablesort--desc {

  -webkit-mask-image: url("../../media/sprite.svg#sort-desc-view");

          mask-image: url("../../media/sprite.svg#sort-desc-view");

}



@media (forced-colors: active) {

  .tablesort--desc,

  [dir=rtl] .tablesort--desc {

    background: linktext;

  }

}



[dir="ltr"] .field-plugin-settings-edit-wrapper {

  float: right;

}
@@ -3228,12 +3248,6 @@ a.button.button--danger:active:before { 
          mask-position: center left;

}



@media (forced-colors: active) {

  .messages.messages--status .messages__header:before {

    background-color: buttonBorder;

  }

}



.messages.messages--status .button--dismiss .icon-close:link {

  background-color: var(--gin-color-green-light);

}

dist/css/components/toolbar.css

+6 −0
Original line number Diff line number Diff line
@@ -801,6 +801,12 @@ body.gin--classic-toolbar { 
  right: var(--gin-spacing-m);

}



@media (forced-colors: active) {

  #admin-toolbar-search-tab .js-form-type-search::before {

    background-color: buttonBorder;

  }

}



.ui-autocomplete.admin-toolbar-search-autocomplete-list {

  color: var(--gin-color-text);

  background-color: var(--gin-bg-layer3);

styles/base/_messages.scss

+0 −4
Original line number Diff line number Diff line
@@ -140,10 +140,6 @@ 
        mask-image: icon('status');

        mask-repeat: no-repeat;

        mask-position: center left;



        @media (forced-colors: active) {

          background-color: buttonBorder;

        }

      }

    }

styles/base/_table.scss

+12 −0
Original line number Diff line number Diff line
@@ -142,6 +142,10 @@ table { 
    mask-image: icon('sort');

    mask-repeat: no-repeat;

    mask-position: center center;



    @media (forced-colors: active) {

      background: linktext;

    }

  }



  &.is-active > a {
@@ -166,11 +170,19 @@ table { 
.tablesort--asc,

[dir="rtl"] .tablesort--asc {

  mask-image: icon('sort-asc');



  @media (forced-colors: active) {

    background: linktext;

  }

}



.tablesort--desc,

[dir="rtl"] .tablesort--desc {

  mask-image: icon('sort-desc');



  @media (forced-colors: active) {

    background: linktext;

  }

}



.field-plugin-settings-edit-wrapper {

styles/components/toolbar.scss

+4 −0
Original line number Diff line number Diff line
@@ -728,6 +728,10 @@ body.gin--classic-toolbar { 
    mask-image: icon('search');

    mask-size: 100% 100%;

    mask-position: center center;



    @media (forced-colors: active) {

      background-color: buttonBorder;

    }

  }

}