gin-update.css

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

.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;
    }
  }
}

.gin-layer-wrapper {
  .responsive-enabled {
    margin-block-start: 0;
  }
}

.block-system > form .gin-layer-wrapper,
.panel .admin-list,
.block-system > form .dataset-table-wrapper {
  padding: 0;
  border: 0 none;
  box-shadow: none;
}

/* fix overflow issue in FF */

.block-system > form .gin-layer-wrapper {
  padding-block-end: 1px;
}

.compact-link {
  text-align: end;
  font-size: var(--gin-font-size-s);
}

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

File

View on git.drupalcode.org

core/themes/default_admin/migration/css/base/gin-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. .project-update__version {

  9.   padding-block: 0;

  10. }

  11. 

  12. .project-update__version-links {

  13.   padding-inline-end: 0;

  14. }

  15. 

  16. .project-update__details {

  17.   padding: 0;

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

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

  20. }

  21. 

  22. .project-update__status {

  23.   .gin-status-icon {

  24.     display: inline-block;

  25.     width: 1rem;

  26.     height: 1rem;

  27.     mask-position: center right;

  28.     mask-repeat: no-repeat;

  29.     mask-size: 100% 100%;

  30. 

  31.     &:dir(rtl) {

  32.       mask-position: center left;

  33.     }

  34. 

  35.     img {

  36.       display: none;

  37.     }

  38.   }

  39. }

  40. 

  41. .project-update__status--security-error {

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

  43. }

  44. 

  45. .color-success,

  46. tr.color-success,

  47. .color-checked,

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

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

  50.   background-color: transparent;

  51. 

  52.   &:hover,

  53.   &:active,

  54.   &:focus {

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

  56.   }

  57. }

  58. 

  59. .color-warning,

  60. tr.color-warning,

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

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

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

  64.   background-color: transparent;

  65. 

  66.   &:hover,

  67.   &:active,

  68.   &:focus {

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

  70. 

  71.     .gin--dark-mode 
  72.   }

  73. }

  74. 

  75. .color-error,

  76. tr.color-error,

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

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

  79.   background-color: transparent;

  80. 

  81.   &:hover,

  82.   &:active,

  83.   &:focus {

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

  85. 

  86.     .gin--dark-mode 
  87.   }

  88. }

  89. 

  90. .color-success,

  91. .color-warning,

  92. .color-error,

  93. .color-checked {

  94.   box-sizing: border-box;

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

  96. }

  97. 

  98. .update {

  99.   margin: 0;

  100.   border: 0 none;

  101. 

  102.   tbody {

  103.     tr:last-child {

  104.       border-block-end: 0 none;

  105.     }

  106.   }

  107. }

  108. 

  109. .gin-layer-wrapper {

  110.   .responsive-enabled {

  111.     margin-block-start: 0;

  112.   }

  113. }

  114. 

  115. .block-system > form .gin-layer-wrapper,

  116. .panel .admin-list,

  117. .block-system > form .dataset-table-wrapper {

  118.   padding: 0;

  119.   border: 0 none;

  120.   box-shadow: none;

  121. }

  122. 

  123. /* fix overflow issue in FF */

  124. 

  125. .block-system > form .gin-layer-wrapper {

  126.   padding-block-end: 1px;

  127. }

  128. 

  129. .compact-link {

  130.   text-align: end;

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

  132. }

  133. 

  134. #update-status > p {

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

  136. }

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