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 @@

{{ 'General System Information'|t }}

-

Drupal Version

- {{ version.value }} - {% if version.description %} -
{{ version.description }}
- {% endif %} + +
+

Drupal Version

+ {{ version.value }} + {% if version.description %} +
{{ version.description }}
+ {% endif %} +
-

Last Cron Run Version

- {{ cron.value }} - {% if cron.description %} -
{{ cron.description }}
- {% endif %} + +
+

Last Cron Run Version

+ {{ cron.value }} + {% if cron.description %} +
{{ cron.description }}
+ {% endif %} +
-

Web Server

- {{ webserver.value }} - {% if webserver.description %} -
{{ webserver.description }}
- {% endif %} + +
+

Web Server

+ {{ webserver.value }} + {% if webserver.description %} +
{{ webserver.description }}
+ {% endif %} +
-

PHP

- {{ 'Version'|t }}
{{ php.value }} - {% if php.description %} -
{{ php.description }}
- {% endif %} -
- {{ 'Memory'|t }}
{{ php_memory_limit.value }} - {% if php_memory_limit.description %} -
{{ php_memory_limit.description }}
- {% endif %} + +
+

PHP

+ {{ 'Version'|t }}
{{ php.value }} + {% if php.description %} +
{{ php.description }}
+ {% endif %} +
+ {{ 'Memory'|t }}
{{ php_memory_limit.value }} + {% if php_memory_limit.description %} +
{{ php_memory_limit.description }}
+ {% endif %} +
-

Database

- {{ 'Version'|t }}
{{ database_system_version.value }} - {% if database_system_version.description %} -
{{ database_system_version.description }}
- {% endif %} -
- {{ 'System'|t }}
{{ database_system.value }} - {% if database_system.description %} -
{{ database_system.description }}
- {% endif %} + +
+

Database

+ {{ 'Version'|t }}
{{ database_system_version.value }} + {% if database_system_version.description %} +
{{ database_system_version.description }}
+ {% endif %} +
+ {{ 'System'|t }}
{{ database_system.value }} + {% if database_system.description %} +
{{ database_system.description }}
+ {% endif %} +
diff --git a/core/themes/stable/images/core/icons/cccccc/clock.svg b/core/themes/stable/images/core/icons/cccccc/clock.svg new file mode 100644 index 0000000..1e8b6aa --- /dev/null +++ b/core/themes/stable/images/core/icons/cccccc/clock.svg @@ -0,0 +1,7 @@ + + + + + diff --git a/core/themes/stable/images/core/icons/cccccc/d8-logo.svg b/core/themes/stable/images/core/icons/cccccc/d8-logo.svg new file mode 100644 index 0000000..ddc46c0 --- /dev/null +++ b/core/themes/stable/images/core/icons/cccccc/d8-logo.svg @@ -0,0 +1,23 @@ + + + + + + + + + + + + + + + + + + diff --git a/core/themes/stable/images/core/icons/cccccc/database.svg b/core/themes/stable/images/core/icons/cccccc/database.svg new file mode 100644 index 0000000..b3c3eff --- /dev/null +++ b/core/themes/stable/images/core/icons/cccccc/database.svg @@ -0,0 +1,26 @@ + + + + + + + + + + diff --git a/core/themes/stable/images/core/icons/cccccc/php-logo.svg b/core/themes/stable/images/core/icons/cccccc/php-logo.svg new file mode 100644 index 0000000..6096026 --- /dev/null +++ b/core/themes/stable/images/core/icons/cccccc/php-logo.svg @@ -0,0 +1,20 @@ + + + + + + + + + diff --git a/core/themes/stable/images/core/icons/cccccc/server.svg b/core/themes/stable/images/core/icons/cccccc/server.svg new file mode 100644 index 0000000..3915947 --- /dev/null +++ b/core/themes/stable/images/core/icons/cccccc/server.svg @@ -0,0 +1,16 @@ + + + + + + + + +