Verified Commit cc5e3477 authored by Théodore Biadala's avatar Théodore Biadala
Browse files

Issue #3332425 by Gauravvvv: Refactor Claro's modules-page stylesheet

parent 67fc8fbf

core/themes/claro/css/components/modules-page.css

+22 −5
Original line number Diff line number Diff line
@@ -4,35 +4,52 @@ 
 * https://www.drupal.org/node/3084859

 * @preserve

 */

/* Modules page */



/**

 * @file

 * Styles for the Modules page.

 */



:root {

  --modules-page-system-modules-fieldset-color: #ccc;

  --modules-page-system-modules-tr-border-color: #fff;

  --modules-page-system-modules-tr-bg-color: #f3f4ee;

}



.system-modules fieldset {

  border: 0;

  border-top: 1px solid #ccc;

  border-top: 1px solid var(--modules-page-system-modules-fieldset-color);

}



.system-modules .fieldset-wrapper {

  padding: 0;

}



.system-modules table,

.locale-translation-status-form table {

  border: 0;

}



.system-modules tr.even,

.system-modules tr.odd,

.locale-translation-status-form tr.even,

.locale-translation-status-form tr.odd {

  border: 0;

  border-bottom: 10px solid #fff;

  background: #f3f4ee;

  border-bottom: 10px solid var(--modules-page-system-modules-tr-border-color);

  background: var(--modules-page-system-modules-tr-bg-color);

}



.system-modules tr td:last-child,

.locale-translation-status-form tr td:last-child {

  border: 0;

}



.system-modules table th,

.locale-translation-status-form table th {

  border: 0;

  border-bottom: 10px solid #fff;

  border-bottom: 10px solid var(--modules-page-system-modules-tr-border-color);

}



.system-modules .sticky-header th,

.locale-translation-status-form .sticky-header th {

  border: 0;

core/themes/claro/css/components/modules-page.pcss.css

+22 −9
Original line number Diff line number Diff line 
/* Modules page */

.system-modules fieldset {

/**

 * @file

 * Styles for the Modules page.

 */



:root {

  --modules-page-system-modules-fieldset-color: #ccc;

  --modules-page-system-modules-tr-border-color: #fff;

  --modules-page-system-modules-tr-bg-color: #f3f4ee;

}

.system-modules {

  & fieldset {

    border: 0;

  border-top: 1px solid #ccc;

    border-top: 1px solid var(--modules-page-system-modules-fieldset-color);

  }

.system-modules .fieldset-wrapper {



  & .fieldset-wrapper {

    padding: 0;

  }

}



.system-modules table,

.locale-translation-status-form table {

  border: 0;
@@ -15,8 +28,8 @@ 
.locale-translation-status-form tr.even,

.locale-translation-status-form tr.odd {

  border: 0;

  border-bottom: 10px solid #fff;

  background: #f3f4ee;

  border-bottom: 10px solid var(--modules-page-system-modules-tr-border-color);

  background: var(--modules-page-system-modules-tr-bg-color);

}

.system-modules tr td:last-child,

.locale-translation-status-form tr td:last-child {
@@ -25,7 +38,7 @@ 
.system-modules table th,

.locale-translation-status-form table th {

  border: 0;

  border-bottom: 10px solid #fff;

  border-bottom: 10px solid var(--modules-page-system-modules-tr-border-color);

}

.system-modules .sticky-header th,

.locale-translation-status-form .sticky-header th {