You are here

Home » API reference » Drupal 10

system-admin--status-report.pcss.css in Drupal 10

Same filename and directory in other branches
  1. 8 core/themes/claro/css/components/system-admin--status-report.pcss.css
  2. 9 core/themes/claro/css/components/system-admin--status-report.pcss.css

System admin module: Status report.

Main status report theming, status report info styles, status report layout and counter styles are provided by the system/base library, see

File

core/themes/claro/css/components/system-admin--status-report.pcss.css
View source 
  1. /**

  2.  * @file

  3.  * System admin module: Status report.

  4.  *

  5.  * Main status report theming, status report info styles, status report layout

  6.  * and counter styles are provided by the system/base library, see

  7.  *  - system-status-report.css

  8.  *  - system-status-report-general-info.css

  9.  *  - system-status-counter.css

  10.  *  - system-status-report-counters.css

  11.  */

  12. 

  13. .system-status-report {

  14.   position: relative;

  15.   padding-top: var(--space-m);

  16. }

  17. 

  18. @media screen and (min-width: 38em) {

  19.   .system-status-report {

  20.     padding-top: var(--space-l);

  21.   }

  22. }

  23. 

  24. .system-status-report__status-title {

  25.   position: relative;

  26.   box-sizing: border-box;

  27.   width: 100%;

  28.   padding: 10px 6px 10px 40px; /* LTR */

  29.   vertical-align: top;

  30.   background-color: transparent;

  31.   font-weight: normal;

  32. }

  33. [dir="rtl"] .system-status-report__status-title {

  34.   padding: 10px 40px 10px 6px;

  35. }

  36. .system-status-report__status-icon:before {

  37.   position: absolute;

  38.   top: 12px;

  39.   left: 12px; /* LTR */

  40.   display: block;

  41.   width: 16px;

  42.   height: 16px;

  43.   content: "";

  44.   background-repeat: no-repeat;

  45. }

  46. [dir="rtl"] .system-status-report__status-icon:before {

  47.   right: 12px;

  48.   left: auto;

  49. }

  50. .system-status-report__status-icon--error:before {

  51.   background-image: url(../../../../misc/icons/dc2323/error.svg);

  52. }

  53. .system-status-report__status-icon--warning:before {

  54.   background-image: url(../../images/core/e29700/warning.svg);

  55. }

  56. .system-status-report__entry__value {

  57.   padding: 1em 0.5em;

  58. }

  59. 

  60. .cron-description__run-cron {

  61.   display: block;

  62. }

  63. 

  64. .claro-details__wrapper.claro-details__wrapper--system-status-report {

  65.   margin: 0;

  66. }

  67. 

  68. .system-status-report__row {

  69.   display: flex;

  70.   border-bottom: 1px solid #d3d4d9;

  71. }

  72. .system-status-report__row:last-of-type {

  73.   border-bottom: none;

  74. }