update.css

Same filename and directory in other branches
  1. 7.x modules/update/update.css
  2. 11.x core/themes/default_admin/css/components/update.css
/*
 * DO NOT EDIT THIS FILE.
 * See the following change record for more information,
 * https://www.drupal.org/node/3084859
 * @preserve
 */

/*
 * @file
 * Styles for Available Updates report.
 */

.project-update__version {
  padding-block: 0;
}

.project-update__version-links {
  padding-inline-end: 0;
}

.project-update__details {
  padding: 0;
  color: var(--gin-color-text-light);
  font-size: var(--gin-font-size-s);
}

.project-update__status {
  .gin-status-icon {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    mask-position: center right;
    mask-repeat: no-repeat;
    mask-size: 100% 100%;

    &:dir(rtl) {
      mask-position: center left;
    }

    img {
      display: none;
    }
  }
}

.project-update__status--security-error {
  color: var(--gin-color-danger);
}

.color-success,
tr.color-success,
.color-checked,
.drupal-upgrade-status-summary-form tr.no-known-error {
  border-inline-start: var(--gin-border-xs) solid var(--gin-color-green);
  background-color: transparent;

  &:hover,
  &:active,
  &:focus {
    background-color: var(--gin-bg-green-light);
  }
}

.color-warning,
tr.color-warning,
.upgrade-status-next-step-remove tr,
.drupal-upgrade-status-summary-form tr.known-warnings {
  border-inline-start: var(--gin-border-xs) solid var(--gin-color-warning);
  background-color: transparent;

  &:hover,
  &:active,
  &:focus {
    background-color: var(--gin-bg-warning-light);

    .gin--dark-mode & {
      color: var(--gin-color-warning);
    }
  }
}

.color-error,
tr.color-error,
.drupal-upgrade-status-summary-form tr.known-errors {
  border-inline-start: var(--gin-border-xs) solid var(--gin-color-danger);
  background-color: transparent;

  &:hover,
  &:active,
  &:focus {
    background-color: var(--gin-bg-danger-light);

    .gin--dark-mode & {
      color: var(--gin-color-danger);
    }
  }
}

.color-success,
.color-warning,
.color-error,
.color-checked {
  box-sizing: border-box;
  color: var(--gin-color-text);
}

.update {
  margin: 0;
  border: 0 none;

  tbody {
    tr:last-child {
      border-block-end: 0 none;
    }
  }
}

#update-status > p {
  margin-block-end: var(--gin-spacing-xl);
}

File

View on git.drupalcode.org

core/themes/default_admin/css/components/update.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. 

  8. /*

  9.  * @file

  10.  * Styles for Available Updates report.

  11.  */

  12. 

  13. .project-update__version {

  14.   padding-block: 0;

  15. }

  16. 

  17. .project-update__version-links {

  18.   padding-inline-end: 0;

  19. }

  20. 

  21. .project-update__details {

  22.   padding: 0;

  23.   color: var(--gin-color-text-light);

  24.   font-size: var(--gin-font-size-s);

  25. }

  26. 

  27. .project-update__status {

  28.   .gin-status-icon {

  29.     display: inline-block;

  30.     width: 1rem;

  31.     height: 1rem;

  32.     mask-position: center right;

  33.     mask-repeat: no-repeat;

  34.     mask-size: 100% 100%;

  35. 

  36.     &:dir(rtl) {

  37.       mask-position: center left;

  38.     }

  39. 

  40.     img {

  41.       display: none;

  42.     }

  43.   }

  44. }

  45. 

  46. .project-update__status--security-error {

  47.   color: var(--gin-color-danger);

  48. }

  49. 

  50. .color-success,

  51. tr.color-success,

  52. .color-checked,

  53. .drupal-upgrade-status-summary-form tr.no-known-error {

  54.   border-inline-start: var(--gin-border-xs) solid var(--gin-color-green);

  55.   background-color: transparent;

  56. 

  57.   &:hover,

  58.   &:active,

  59.   &:focus {

  60.     background-color: var(--gin-bg-green-light);

  61.   }

  62. }

  63. 

  64. .color-warning,

  65. tr.color-warning,

  66. .upgrade-status-next-step-remove tr,

  67. .drupal-upgrade-status-summary-form tr.known-warnings {

  68.   border-inline-start: var(--gin-border-xs) solid var(--gin-color-warning);

  69.   background-color: transparent;

  70. 

  71.   &:hover,

  72.   &:active,

  73.   &:focus {

  74.     background-color: var(--gin-bg-warning-light);

  75. 

  76.     .gin--dark-mode 
  77.   }

  78. }

  79. 

  80. .color-error,

  81. tr.color-error,

  82. .drupal-upgrade-status-summary-form tr.known-errors {

  83.   border-inline-start: var(--gin-border-xs) solid var(--gin-color-danger);

  84.   background-color: transparent;

  85. 

  86.   &:hover,

  87.   &:active,

  88.   &:focus {

  89.     background-color: var(--gin-bg-danger-light);

  90. 

  91.     .gin--dark-mode 
  92.   }

  93. }

  94. 

  95. .color-success,

  96. .color-warning,

  97. .color-error,

  98. .color-checked {

  99.   box-sizing: border-box;

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

  101. }

  102. 

  103. .update {

  104.   margin: 0;

  105.   border: 0 none;

  106. 

  107.   tbody {

  108.     tr:last-child {

  109.       border-block-end: 0 none;

  110.     }

  111.   }

  112. }

  113. 

  114. #update-status > p {

  115.   margin-block-end: var(--gin-spacing-xl);

  116. }

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