gin-update.pcss.css

Same filename and directory in other branches
  1. 11.x core/themes/default_admin/migration/css/base/gin-update.pcss.css
.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.pcss.css

View source 
  1. .project-update__version {

  2.   padding-block: 0;

  3. }

  4. 

  5. .project-update__version-links {

  6.   padding-inline-end: 0;

  7. }

  8. 

  9. .project-update__details {

  10.   padding: 0;

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

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

  13. }

  14. 

  15. .project-update__status {

  16.   .gin-status-icon {

  17.     display: inline-block;

  18.     width: 1rem;

  19.     height: 1rem;

  20.     mask-position: center right;

  21.     mask-repeat: no-repeat;

  22.     mask-size: 100% 100%;

  23. 

  24.     &:dir(rtl) {

  25.       mask-position: center left;

  26.     }

  27. 

  28.     img {

  29.       display: none;

  30.     }

  31.   }

  32. }

  33. 

  34. .project-update__status--security-error {

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

  36. }

  37. 

  38. .color-success,

  39. tr.color-success,

  40. .color-checked,

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

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

  43.   background-color: transparent;

  44. 

  45.   &:hover,

  46.   &:active,

  47.   &:focus {

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

  49.   }

  50. }

  51. 

  52. .color-warning,

  53. tr.color-warning,

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

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

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

  57.   background-color: transparent;

  58. 

  59.   &:hover,

  60.   &:active,

  61.   &:focus {

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

  63. 

  64.     .gin--dark-mode 
  65.   }

  66. }

  67. 

  68. .color-error,

  69. tr.color-error,

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

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

  72.   background-color: transparent;

  73. 

  74.   &:hover,

  75.   &:active,

  76.   &:focus {

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

  78. 

  79.     .gin--dark-mode 
  80.   }

  81. }

  82. 

  83. .color-success,

  84. .color-warning,

  85. .color-error,

  86. .color-checked {

  87.   box-sizing: border-box;

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

  89. }

  90. 

  91. .update {

  92.   margin: 0;

  93.   border: 0 none;

  94. 

  95.   tbody {

  96.     tr:last-child {

  97.       border-block-end: 0 none;

  98.     }

  99.   }

  100. }

  101. 

  102. .gin-layer-wrapper {

  103.   .responsive-enabled {

  104.     margin-block-start: 0;

  105.   }

  106. }

  107. 

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

  109. .panel .admin-list,

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

  111.   padding: 0;

  112.   border: 0 none;

  113.   box-shadow: none;

  114. }

  115. 

  116. /* fix overflow issue in FF */

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

  118.   padding-block-end: 1px;

  119. }

  120. 

  121. .compact-link {

  122.   text-align: end;

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

  124. }

  125. 

  126. #update-status > p {

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

  128. }

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