diff --git a/core/themes/seven/css/components/system-status-report.css b/core/themes/seven/css/components/system-status-report.css index 16c92b9..e808403 100644 --- a/core/themes/seven/css/components/system-status-report.css +++ b/core/themes/seven/css/components/system-status-report.css @@ -110,11 +110,11 @@ html:not(.details) .system-status-report__status-title { content: ''; clear: both; } - .system-status-report details > summary:first-child { + .system-status-report__status-title { width: 18rem; float: left; /* LTR */ } - [dir="rtl"] .system-status-report details > summary:first-child { + [dir="rtl"] .system-status-report__status-title { float: right; } .collapse-processed > .system-status-report__status-title:before { diff --git a/core/themes/seven/css/theme/install-page.css b/core/themes/seven/css/theme/install-page.css index 350e1e6..fa68037 100644 --- a/core/themes/seven/css/theme/install-page.css +++ b/core/themes/seven/css/theme/install-page.css @@ -61,3 +61,20 @@ } } + +/** + * Status report customization for install + */ +.system-status-report__status-title--install { + float: none; + width: 100%; +} +.system-status-report__entry__value--install { + float: none; + width: 100%; + padding-left: 3em; /* LTR */ +} +[dir="rtl"] .system-status-report__entry__value--install { + padding-left: 1em; + padding-right: 3em; +} diff --git a/core/themes/seven/seven.theme b/core/themes/seven/seven.theme index 64ee724..3c9e6fb 100644 --- a/core/themes/seven/seven.theme +++ b/core/themes/seven/seven.theme @@ -137,6 +137,16 @@ function seven_preprocess_install_page(&$variables) { } /** + * Implements hook_preprocess_status_report(). + */ +function seven_preprocess_status_report(&$variables) { + $task = \Drupal::state()->get('install_task'); + if ($task == 'install_verify_requirements') { + $variables['is_install'] = TRUE; + } +} + +/** * Implements hook_preprocess_maintenance_page(). */ function seven_preprocess_maintenance_page(&$variables) { diff --git a/core/themes/seven/templates/status-report.html.twig b/core/themes/seven/templates/status-report.html.twig index b79d568..bb2744c 100644 --- a/core/themes/seven/templates/status-report.html.twig +++ b/core/themes/seven/templates/status-report.html.twig @@ -25,17 +25,26 @@

{{ group.title }}

{% for requirement in group.items %}
- {% if group.type in ['warning', 'error'] %} - {% set summary_classes = ' system-status-report__status-icon system-status-report__status-icon--' ~ group.type %} - {% endif %} - + {% + set summary_classes = [ + 'system-status-report__status-title', + group.type in ['warning', 'error'] ? 'system-status-report__status-icon system-status-report__status-icon--' ~ group.type, + is_install ? 'system-status-report__status-title--install' + ] + %} + {% if requirement.severity_title %} {{ requirement.severity_title }} {% endif %} {{ requirement.title }} - -
+ {% + set entry_classes = [ + 'system-status-report__entry__value', + is_install ? 'system-status-report__entry__value--install' + ] + %} + {{ requirement.value }} {% if requirement.description %}
{{ requirement.description }}