diff --git a/core/themes/seven/css/components/system-status-report.css b/core/themes/seven/css/components/system-status-report.css index b721c91..d4b82f4 100644 --- a/core/themes/seven/css/components/system-status-report.css +++ b/core/themes/seven/css/components/system-status-report.css @@ -15,10 +15,53 @@ .system-status-general-info__item { border-top: 1px solid #ccc; - padding: 10px; + padding: 10px 10px 20px; box-sizing: border-box; overflow-x: auto; - padding: 10px; +} + +.system-status-general-info__item-icon { + display: inline-block; + height: 45px; + width: 45px; + vertical-align: top; +} +.system-status-general-info__item-icon:before { + content: ""; + background-size: 35px; + background-position: 50% center; + background-repeat: no-repeat; + width: 100%; + height: 100%; + display: block; +} +.system-status-general-info__item-icon--d8:before { + background-image: url(../../../stable/images/core/icons/cccccc/d8-logo.svg); +} +.system-status-general-info__item-icon--clock:before { + background-image: url(../../../stable/images/core/icons/cccccc/clock.svg); +} +.system-status-general-info__item-icon--server:before { + background-image: url(../../../stable/images/core/icons/cccccc/server.svg); +} +.system-status-general-info__item-icon--php:before { + background-image: url(../../../stable/images/core/icons/cccccc/php-logo.svg); + background-size: 45px; +} +.system-status-general-info__item-icon--database:before { + background-image: url(../../../stable/images/core/icons/cccccc/database.svg); + background-size: 30px; +} + + +.system-status-general-info__item-details { + box-sizing: border-box; + display: inline-block; + max-width: 80%; + padding-left: 10px; +} +.system-status-general-info__item-details h3 { + margin-bottom: 0; } @media screen and (min-width: 48em) { .system-status-general-info__items { @@ -40,6 +83,24 @@ border-left: 1px solid #ccc; } } +@media screen and (min-width: 60em) { + .system-status-general-info__item-icon { + width: 55px; + height: 55px; + } + .system-status-general-info__item-icon:before { + background-size: 45px; + } + .system-status-general-info__item-icon--php:before { + background-size: 55px; + } + .system-status-general-info__item-icon--database:before { + background-size: 40px; + } + .system-status-general-info__item-icon--database:before { + background-size: 40px; + } +} diff --git a/core/themes/seven/templates/status-report.html.twig b/core/themes/seven/templates/status-report.html.twig index 5871a76..3524d2a 100644 --- a/core/themes/seven/templates/status-report.html.twig +++ b/core/themes/seven/templates/status-report.html.twig @@ -61,49 +61,64 @@