gin-status-report.css

Same filename and directory in other branches
  1. main core/themes/default_admin/migration/css/base/gin-status-report.css
/*
 * DO NOT EDIT THIS FILE.
 * See the following change record for more information,
 * https://www.drupal.org/node/3084859
 * @preserve
 */
/* Unknown */
.upgrade-status-counter__status-icon--not-scanned::before,
.upgrade-status-summary tr.not-scanned > td.status-info::before {
  background-color: var(--gin-color-text);
  background-image: none;
  mask-image: var(--admin-icon-info);
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: 1.25rem 1.25rem;
}
/* Checked */
.system-status-counter__status-icon--checked::before,
.admin-dblog .dblog-info .icon,
.admin-dblog .dblog-notice .icon,
.system-status-report__status-icon--checked .details-title::before,
.details .system-status-report__status-icon--checked::before,
.gin-details .system-status-report__status-icon--checked::before,
.color-checked .system-status-report__status-title::before,
.upgrade-status-counter__status-icon--checked::before,
.upgrade-status-error-list tr.no-known-error > td.status-info::before,
.upgrade-status-summary tr.no-known-error > td.status-info::before,
#checked + .gin-details__wrapper--system-status-report .system-status-report__status-title::before {
  background-color: var(--gin-color-green);
  background-image: none;
  mask-image: var(--admin-icon-status);
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: 1.25rem 1.25rem;
}
/* Warning */
.system-status-counter__status-icon--warning::before,
.admin-dblog .dblog-warning .icon,
.system-status-report__status-icon--warning .details-title::before,
.details .system-status-report__status-icon--warning::before,
.gin-details .system-status-report__status-icon--warning::before,
.upgrade-status-counter__status-icon--warning::before,
.upgrade-status-error-list tr.known-warnings > td.status-info::before,
.upgrade-status-summary tr.known-warnings > td.status-info::before {
  background-color: var(--gin-color-warning);
  background-image: none;
  mask-image: var(--admin-icon-warning);
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: 1.25rem 1.25rem;
}
/* Error */
.system-status-counter__status-icon--error::before,
.admin-dblog .dblog-error .icon,
.admin-dblog .dblog-critical .icon,
.admin-dblog .dblog-alert .icon,
.admin-dblog .dblog-emergency .icon,
.system-status-report__status-icon--error .details-title::before,
.details .system-status-report__status-icon--error::before,
.gin-details .system-status-report__status-icon--error::before,
.upgrade-status-counter__status-icon--error::before,
.upgrade-status-error-list tr.known-errors > td.status-info::before,
.upgrade-status-summary tr.known-errors > td.status-info::before {
  background-color: var(--gin-color-danger);
  background-image: none;
  mask-image: var(--admin-icon-error);
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: 1.25rem 1.25rem;
}
.system-status-counter,
.upgrade-status-counter {
  height: auto;
  padding: var(--gin-spacing-m) 0;
  border-radius: var(--gin-border-m);
  background: var(--gin-bg-layer);
}
.system-status-counter__status-title,
.upgrade-status-counter__status-title {
  padding-inline-start: 0;
}
.system-status-counter__status-icon,
.upgrade-status-counter__status-icon {
  border-inline-end: 0 none;
  background-color: transparent;
  box-shadow: none;
}
.system-status-counter__status-icon--checked::before,
.system-status-counter__status-icon--warning::before,
.system-status-counter__status-icon--error::before,
.upgrade-status-counter__status-icon--checked::before,
.upgrade-status-counter__status-icon--warning::before,
.upgrade-status-counter__status-icon--error::before {
  mask-position: center 1rem;
  mask-size: 2rem 2rem;
}
.system-status-counter__title-count,
.upgrade-status-counter__title-count {
  text-transform: none;
  color: var(--gin-color-title);
  font-weight: var(--gin-font-weight-semibold);
}
.system-status-general-info__header {
  margin-block-end: var(--gin-spacing-xs);
}
.system-status-general-info__items {
  border-block-end: 0 none;
}
.system-status-general-info__item {
  padding: var(--gin-spacing-m);
  background: transparent;
  box-shadow: none;
}
.system-status-general-info__item-title {
  color: var(--gin-color-title);
  font-size: var(--gin-font-size);
  font-weight: var(--gin-font-weight-semibold);
}
.system-status-general-info__sub-item-title {
  font-weight: var(--gin-font-weight-bold);

  &::after {
    content: ":\00a0";
  }
}
.system-status-general-info__item-icon--d8::before,
.system-status-general-info__item-icon--drupal::before {
  mask-image: var(--admin-icon-drupal);
}
.system-status-general-info__item-icon--clock::before {
  mask-image: var(--admin-icon-clock);
}
.system-status-general-info__item-icon--server::before {
  mask-image: var(--admin-icon-server);
}
.system-status-general-info__item-icon--php::before {
  mask-image: var(--admin-icon-php);
}
.system-status-general-info__item-icon--database::before {
  mask-image: var(--admin-icon-database);
}
.system-status-general-info__item-icon {
  &::before {
    background-color: var(--gin-color-primary);
    background-image: none;
    mask-repeat: no-repeat;
    mask-position: center center;
    mask-size: 2rem 2rem;
  }
}
.system-status-general-info__run-cron {
  &.button {
    margin: 0;
  }
}
.cron-description__run-cron {
  margin-block-start: var(--gin-spacing-m);
}
.system-status-report {
  margin-block-start: var(--gin-spacing-l);
}
.system-status-report-counters .system-status-report-counters__item {
  border: 1px solid var(--gin-border-color-layer);
  box-shadow: var(--gin-shadow-l1);
}
.system-status-report__status-title {
  color: var(--gin-color-title) !important;
  font-weight: var(--gin-font-weight-semibold);
}
.color-checked .system-status-report__status-title,
#checked + .gin-details__wrapper--system-status-report .system-status-report__status-title {
  &::before {
    position: absolute;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    margin-inline-end: 0.625rem;
    content: "";
    inset-block-start: 1em;
    inset-inline-start: 0.625rem;
  }
}
.system-status-report__status-title .details-title::before,
.details .system-status-report__status-icon::before,
.gin-details .system-status-report__status-icon::before {
  width: 1.5rem;
  height: 1.5rem;
}

File

View on git.drupalcode.org

core/themes/default_admin/migration/css/base/gin-status-report.css

View source 
  1. /*

  2.  * DO NOT EDIT THIS FILE.

  3.  * See the following change record for more information,

  4.  * https://www.drupal.org/node/3084859

  5.  * @preserve

  6.  */

  7. /* Unknown */

  8. .upgrade-status-counter__status-icon--not-scanned::before,

  9. .upgrade-status-summary tr.not-scanned > td.status-info::before {

  10.   background-color: var(--gin-color-text);

  11.   background-image: none;

  12.   mask-image: var(--admin-icon-info);

  13.   mask-repeat: no-repeat;

  14.   mask-position: center center;

  15.   mask-size: 1.25rem 1.25rem;

  16. }

  17. /* Checked */

  18. .system-status-counter__status-icon--checked::before,

  19. .admin-dblog .dblog-info .icon,

  20. .admin-dblog .dblog-notice .icon,

  21. .system-status-report__status-icon--checked .details-title::before,

  22. .details .system-status-report__status-icon--checked::before,

  23. .gin-details .system-status-report__status-icon--checked::before,

  24. .color-checked .system-status-report__status-title::before,

  25. .upgrade-status-counter__status-icon--checked::before,

  26. .upgrade-status-error-list tr.no-known-error > td.status-info::before,

  27. .upgrade-status-summary tr.no-known-error > td.status-info::before,

  28. #checked + .gin-details__wrapper--system-status-report .system-status-report__status-title::before {

  29.   background-color: var(--gin-color-green);

  30.   background-image: none;

  31.   mask-image: var(--admin-icon-status);

  32.   mask-repeat: no-repeat;

  33.   mask-position: center center;

  34.   mask-size: 1.25rem 1.25rem;

  35. }

  36. /* Warning */

  37. .system-status-counter__status-icon--warning::before,

  38. .admin-dblog .dblog-warning .icon,

  39. .system-status-report__status-icon--warning .details-title::before,

  40. .details .system-status-report__status-icon--warning::before,

  41. .gin-details .system-status-report__status-icon--warning::before,

  42. .upgrade-status-counter__status-icon--warning::before,

  43. .upgrade-status-error-list tr.known-warnings > td.status-info::before,

  44. .upgrade-status-summary tr.known-warnings > td.status-info::before {

  45.   background-color: var(--gin-color-warning);

  46.   background-image: none;

  47.   mask-image: var(--admin-icon-warning);

  48.   mask-repeat: no-repeat;

  49.   mask-position: center center;

  50.   mask-size: 1.25rem 1.25rem;

  51. }

  52. /* Error */

  53. .system-status-counter__status-icon--error::before,

  54. .admin-dblog .dblog-error .icon,

  55. .admin-dblog .dblog-critical .icon,

  56. .admin-dblog .dblog-alert .icon,

  57. .admin-dblog .dblog-emergency .icon,

  58. .system-status-report__status-icon--error .details-title::before,

  59. .details .system-status-report__status-icon--error::before,

  60. .gin-details .system-status-report__status-icon--error::before,

  61. .upgrade-status-counter__status-icon--error::before,

  62. .upgrade-status-error-list tr.known-errors > td.status-info::before,

  63. .upgrade-status-summary tr.known-errors > td.status-info::before {

  64.   background-color: var(--gin-color-danger);

  65.   background-image: none;

  66.   mask-image: var(--admin-icon-error);

  67.   mask-repeat: no-repeat;

  68.   mask-position: center center;

  69.   mask-size: 1.25rem 1.25rem;

  70. }

  71. .system-status-counter,

  72. .upgrade-status-counter {

  73.   height: auto;

  74.   padding: var(--gin-spacing-m) 0;

  75.   border-radius: var(--gin-border-m);

  76.   background: var(--gin-bg-layer);

  77. }

  78. .system-status-counter__status-title,

  79. .upgrade-status-counter__status-title {

  80.   padding-inline-start: 0;

  81. }

  82. .system-status-counter__status-icon,

  83. .upgrade-status-counter__status-icon {

  84.   border-inline-end: 0 none;

  85.   background-color: transparent;

  86.   box-shadow: none;

  87. }

  88. .system-status-counter__status-icon--checked::before,

  89. .system-status-counter__status-icon--warning::before,

  90. .system-status-counter__status-icon--error::before,

  91. .upgrade-status-counter__status-icon--checked::before,

  92. .upgrade-status-counter__status-icon--warning::before,

  93. .upgrade-status-counter__status-icon--error::before {

  94.   mask-position: center 1rem;

  95.   mask-size: 2rem 2rem;

  96. }

  97. .system-status-counter__title-count,

  98. .upgrade-status-counter__title-count {

  99.   text-transform: none;

  100.   color: var(--gin-color-title);

  101.   font-weight: var(--gin-font-weight-semibold);

  102. }

  103. .system-status-general-info__header {

  104.   margin-block-end: var(--gin-spacing-xs);

  105. }

  106. .system-status-general-info__items {

  107.   border-block-end: 0 none;

  108. }

  109. .system-status-general-info__item {

  110.   padding: var(--gin-spacing-m);

  111.   background: transparent;

  112.   box-shadow: none;

  113. }

  114. .system-status-general-info__item-title {

  115.   color: var(--gin-color-title);

  116.   font-size: var(--gin-font-size);

  117.   font-weight: var(--gin-font-weight-semibold);

  118. }

  119. .system-status-general-info__sub-item-title {

  120.   font-weight: var(--gin-font-weight-bold);

  121. 

  122.   &::after {

  123.     content: ":\00a0";

  124.   }

  125. }

  126. .system-status-general-info__item-icon--d8::before,

  127. .system-status-general-info__item-icon--drupal::before {

  128.   mask-image: var(--admin-icon-drupal);

  129. }

  130. .system-status-general-info__item-icon--clock::before {

  131.   mask-image: var(--admin-icon-clock);

  132. }

  133. .system-status-general-info__item-icon--server::before {

  134.   mask-image: var(--admin-icon-server);

  135. }

  136. .system-status-general-info__item-icon--php::before {

  137.   mask-image: var(--admin-icon-php);

  138. }

  139. .system-status-general-info__item-icon--database::before {

  140.   mask-image: var(--admin-icon-database);

  141. }

  142. .system-status-general-info__item-icon {

  143.   &::before {

  144.     background-color: var(--gin-color-primary);

  145.     background-image: none;

  146.     mask-repeat: no-repeat;

  147.     mask-position: center center;

  148.     mask-size: 2rem 2rem;

  149.   }

  150. }

  151. .system-status-general-info__run-cron {

  152.   &.button {

  153.     margin: 0;

  154.   }

  155. }

  156. .cron-description__run-cron {

  157.   margin-block-start: var(--gin-spacing-m);

  158. }

  159. .system-status-report {

  160.   margin-block-start: var(--gin-spacing-l);

  161. }

  162. .system-status-report-counters .system-status-report-counters__item {

  163.   border: 1px solid var(--gin-border-color-layer);

  164.   box-shadow: var(--gin-shadow-l1);

  165. }

  166. .system-status-report__status-title {

  167.   color: var(--gin-color-title) !important;

  168.   font-weight: var(--gin-font-weight-semibold);

  169. }

  170. .color-checked .system-status-report__status-title,

  171. #checked + .gin-details__wrapper--system-status-report .system-status-report__status-title {

  172.   &::before {

  173.     position: absolute;

  174.     display: inline-block;

  175.     width: 1.5rem;

  176.     height: 1.5rem;

  177.     margin-inline-end: 0.625rem;

  178.     content: "";

  179.     inset-block-start: 1em;

  180.     inset-inline-start: 0.625rem;

  181.   }

  182. }

  183. .system-status-report__status-title .details-title::before,

  184. .details .system-status-report__status-icon::before,

  185. .gin-details .system-status-report__status-icon::before {

  186.   width: 1.5rem;

  187.   height: 1.5rem;

  188. }

Buggy or inaccurate documentation? Please file an issue. Need support? Need help programming? Connect with the Drupal community.