Verified Commit 20a3960d authored by godotislate's avatar godotislate
Browse files

fix: #3195427 Olivero does not support core's responsive tables API 

By: katannshaw
By: mherchel
By: andrewmacpherson
By: catch
By: kentr
By: godotislate
parent a2bcba1d

core/themes/olivero/css/components/button.css

+21 −0
Original line number Diff line number Diff line
@@ -121,3 +121,24 @@ 
[dir="rtl"] .button--icon-back::before {

  transform: rotate(-45deg);

}



/* Trigger button for core's responsive tables API. */



button.link {

  margin: 0;

  padding: 0;

  cursor: pointer;

  color: var(--color-text-primary-medium);

  border: 0;

  background: transparent;

  font-size: 1em;



  &:hover {

    color: var(--color--primary-50);

  }



  &:focus {

    outline: solid 2px currentColor;

    outline-offset: 2px;

  }

}

core/themes/olivero/css/components/button.pcss.css

+21 −0
Original line number Diff line number Diff line
@@ -113,3 +113,24 @@ 
[dir="rtl"] .button--icon-back::before {

  transform: rotate(-45deg);

}



/* Trigger button for core's responsive tables API. */



button.link {

  margin: 0;

  padding: 0;

  cursor: pointer;

  color: var(--color-text-primary-medium);

  border: 0;

  background: transparent;

  font-size: 1em;



  &:hover {

    color: var(--color--primary-50);

  }



  &:focus {

    outline: solid 2px currentColor;

    outline-offset: 2px;

  }

}

core/themes/olivero/css/components/table.css

+22 −0
Original line number Diff line number Diff line
@@ -106,3 +106,25 @@ 
.views-field-node-bulk-form .form-item {

  margin: 0;

}



/**

 * Responsive table cells.

 */



th.priority-medium,

td.priority-medium {

  display: none;



  @media screen and (min-width: 43.75rem) {

    display: table-cell;

  }

}



th.priority-low,

td.priority-low {

  display: none;



  @media screen and (min-width: 62.5rem) {

    display: table-cell;

  }

}

core/themes/olivero/css/components/table.pcss.css

+21 −0
Original line number Diff line number Diff line
@@ -100,3 +100,24 @@ 
.views-field-node-bulk-form .form-item {

  margin: 0;

}



/**

 * Responsive table cells.

 */

th.priority-medium,

td.priority-medium {

  display: none;



  @media screen and (--md) {

    display: table-cell;

  }

}



th.priority-low,

td.priority-low {

  display: none;



  @media screen and (--lg) {

    display: table-cell;

  }

}