Commit 14d79760 authored by Laryn Kragt Bakker's avatar Laryn Kragt Bakker Committed by Sascha Eggenberger
Browse files

Issue #3402619: Visually indicate disabled Views Display.

parent b654e9e1

dist/css/base/gin.css

+23 −0
Original line number Diff line number Diff line
@@ -1037,6 +1037,29 @@ details summary { 
  padding: var(--gin-spacing-xs) var(--gin-spacing-m);

}



.views-tabs a.views-display-disabled-link {

  -webkit-padding-start: var(--gin-spacing-l);

          padding-inline-start: var(--gin-spacing-l);

}



.views-tabs a.views-display-disabled-link::before {

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

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

  -webkit-mask-repeat: no-repeat;

          mask-repeat: no-repeat;

  -webkit-mask-position: center left;

          mask-position: center left;

  -webkit-mask-size: contain;

          mask-size: contain;

  width: var(--gin-spacing-l);

  height: var(--gin-spacing-s);

  -webkit-margin-start: calc(var(--gin-spacing-m) * -1);

          margin-inline-start: calc(var(--gin-spacing-m) * -1);

  background-color: currentColor;

  display: inline-block;

  content: "";

}



.views-tabs .add a,

.views-tabs li a {

  font-size: var(--gin-font-size-xs);

styles/base/_views.scss

+17 −0
Original line number Diff line number Diff line
@@ -196,6 +196,23 @@ 
.views-tabs {

  a {

    padding: var(--gin-spacing-xs) var(--gin-spacing-m);



    &.views-display-disabled-link {

      padding-inline-start: var(--gin-spacing-l);



      &::before {

        mask-image: icon('hide');

        mask-repeat: no-repeat;

        mask-position: center left;

        mask-size: contain;

        width: var(--gin-spacing-l);

        height: var(--gin-spacing-s);

        margin-inline-start: calc(var(--gin-spacing-m) * -1);

        background-color: currentColor;

        display: inline-block;

        content: '';

      }

    }

  }



  .add a,