diff --git a/core/themes/seven/css/components/system-status-counter.css b/core/themes/seven/css/components/system-status-counter.css index 4c9a588..6c28986 100644 --- a/core/themes/seven/css/components/system-status-counter.css +++ b/core/themes/seven/css/components/system-status-counter.css @@ -18,12 +18,12 @@ border-right: 1px solid #e6e4df; /* LTR */ border-left: 0; /* LTR */ background-color: #FAF9F5; - box-shadow: -1px 1px 2px rgba(0, 0, 0, .15) inset; + box-shadow: 0 1px 1px rgba(0, 0, 0, .1) inset; } [dir="rtl"] .system-status-counter__status-icon { border-right: 0; border-left: 1px solid #e6e4df; - box-shadow: -1px 1px 2px rgba(0, 0, 0, .15) inset; + box-shadow: 0 1px 1px rgba(0, 0, 0, .1) inset; } .system-status-counter__status-icon:before { content: ""; diff --git a/core/themes/seven/css/components/system-status-report.css b/core/themes/seven/css/components/system-status-report.css index b1b57b9..b721c91 100644 --- a/core/themes/seven/css/components/system-status-report.css +++ b/core/themes/seven/css/components/system-status-report.css @@ -3,7 +3,48 @@ * Seven styles for the System Status Report. */ +.system-status-general-info { + border: 1px solid #ccc; +} +.system-status-general-info__header { + background-color: #F5F5F2; + padding: 10px; + margin: 0; + overflow: hidden; +} + +.system-status-general-info__item { + border-top: 1px solid #ccc; + padding: 10px; + box-sizing: border-box; + overflow-x: auto; + padding: 10px; +} +@media screen and (min-width: 48em) { + .system-status-general-info__items { + display: flex; + flex-wrap: wrap; + } + .system-status-general-info__item { + flex: 1; + flex-basis: 33%; + width: 33%; + } + .system-status-general-info__item:nth-child(2) { + flex: 2; + flex-basis: 66%; + } + .system-status-general-info__item:nth-child(2), + .system-status-general-info__item:nth-child(4), + .system-status-general-info__item:nth-child(5) { + border-left: 1px solid #ccc; + } +} + + + .system-status-report__entry { + border: 0; border-top: 1px solid #ccc; border-bottom: inherit; } @@ -21,9 +62,34 @@ display: block; } +a.details-title { + color: inherit; + text-transform: none; +} + +.system-status-report__entry__value { + padding: 1em; +} + @media screen and (max-width: 48em) { .system-status-report { - table-layout: fixed; word-wrap: break-word; } } + +@media screen and (min-width: 48em) { + .system-status-report__entry::after { + display: table; + content: ''; + clear: both; + } + .system-status-report details > summary:first-child { + width: 25%; + float: left; + } + .system-status-report__entry__value { + width: 70%; + float: right; + display: block; + } +} diff --git a/core/themes/seven/templates/status-report.html.twig b/core/themes/seven/templates/status-report.html.twig index ab99176..5871a76 100644 --- a/core/themes/seven/templates/status-report.html.twig +++ b/core/themes/seven/templates/status-report.html.twig @@ -58,53 +58,53 @@
- -

{{ 'General System Information'|t }}

- -
-

Drupal Version

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

Last Cron Run Version

- {{ cron.value }} - {% if cron.description %} -
{{ cron.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 %} -
-
-

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 %} +

{{ 'General System Information'|t }}

+
+
+

Drupal Version

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

Last Cron Run Version

+ {{ cron.value }} + {% if cron.description %} +
{{ cron.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 %} +
+
+

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 %} +
@@ -125,7 +125,7 @@ {{ requirement.title }} -
+
{{ requirement.value }} {% if requirement.description %}
{{ requirement.description }}