system-admin--status-report.pcss.css

Same filename in other branches
  1. 8.9.x 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. @import "../base/variables.pcss.css";
  13. .system-status-report {
  14. position: relative;
  15. padding-top: var(--space-m);
  16. }
  17. @media screen and (min-width: 38em) {
  18. .system-status-report {
  19. padding-top: var(--space-l);
  20. }
  21. }
  22. .system-status-report__status-title {
  23. position: relative;
  24. box-sizing: border-box;
  25. width: 100%;
  26. padding: 10px 6px 10px 40px; /* LTR */
  27. vertical-align: top;
  28. background-color: transparent;
  29. font-weight: normal;
  30. }
  31. [dir="rtl"] .system-status-report__status-title {
  32. padding: 10px 40px 10px 6px;
  33. }
  34. .system-status-report__status-icon:before {
  35. position: absolute;
  36. top: 12px;
  37. left: 12px; /* LTR */
  38. display: block;
  39. width: 16px;
  40. height: 16px;
  41. content: "";
  42. background-repeat: no-repeat;
  43. }
  44. [dir="rtl"] .system-status-report__status-icon:before {
  45. right: 12px;
  46. left: auto;
  47. }
  48. .system-status-report__status-icon--error:before {
  49. background-image: url(../../../../misc/icons/dc2323/error.svg);
  50. }
  51. .system-status-report__status-icon--warning:before {
  52. background-image: url(../../images/core/e29700/warning.svg);
  53. }
  54. .system-status-report__entry__value {
  55. padding: 1em 0.5em;
  56. }
  57. .cron-description__run-cron {
  58. display: block;
  59. }
  60. .claro-details__wrapper.claro-details__wrapper--system-status-report {
  61. margin: 0;
  62. }
  63. .system-status-report__row {
  64. display: flex;
  65. border-bottom: 1px solid #d3d4d9;
  66. }
  67. .system-status-report__row:last-of-type {
  68. border-bottom: none;
  69. }

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