diff --git a/core/modules/locale/css/locale.admin.css b/core/modules/locale/css/locale.admin.css index 5ab97486df12fed950a3709b8738be64da490996..d1ec0a7352c6286b4aaceea902b914901ad3ec22 100644 --- a/core/modules/locale/css/locale.admin.css +++ b/core/modules/locale/css/locale.admin.css @@ -76,12 +76,12 @@ #locale-translation-status-form td { vertical-align: top; } -#locale-translation-status-form .expand .inner { +.locale-translation-update__wrapper { background: transparent url(../../../misc/menu-collapsed.png) left .6em no-repeat; margin-left: -12px; padding-left: 12px; } -#locale-translation-status-form .expanded .expand .inner { +.expanded .locale-translation-update__wrapper { background: transparent url(../../../misc/menu-expanded.png) left .6em no-repeat; } @@ -93,33 +93,33 @@ #locale-translation-status-form .description { cursor: pointer; } -#locale-translation-status-form .description .inner { +.locale-translation-update__wrapper { color: #5c5c5b; line-height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } -#locale-translation-status-form .expanded .description .inner { +.expanded .locale-translation-update__wrapper { height: auto; overflow: visible; white-space: normal; } -#locale-translation-status-form .expanded .description .text { +.expanded .locale-translation-update__message { -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } -.js #locale-translation-status-form .description .inner { +.js .locale-translation-update__wrapper { height: 20px; } -#locale-translation-status-form .expanded .description .inner { +.expanded .locale-translation-update__wrapper { height: auto; overflow: visible; white-space: normal; } -#locale-translation-status-form .details { +.locale-translation-update__details { padding: 5px 0; max-width: 490px; white-space: normal; diff --git a/core/modules/locale/locale.admin.js b/core/modules/locale/locale.admin.js index 1afad13cc1dda4f270b26b4785e5c372258cc026..550e40e421485855b8f8806c1c1d0eeb80e96d9e 100644 --- a/core/modules/locale/locale.admin.js +++ b/core/modules/locale/locale.admin.js @@ -60,7 +60,7 @@ $tr.toggleClass('expanded'); // Change screen reader text. - $tr.find('.update-description-prefix').text(function () { + $tr.find('.locale-translation-update__prefix').text(function () { if ($tr.hasClass('expanded')) { return Drupal.t('Hide description'); } diff --git a/core/modules/locale/src/Form/TranslationStatusForm.php b/core/modules/locale/src/Form/TranslationStatusForm.php index c8e30171dee33fa043332d1f1bc49132b57d6261..b779ca70bb3f0f8b6421d30a5092f6391e59851b 100644 --- a/core/modules/locale/src/Form/TranslationStatusForm.php +++ b/core/modules/locale/src/Form/TranslationStatusForm.php @@ -98,7 +98,7 @@ public function buildForm(array $form, FormStateInterface $form_state) { ), ), 'status' => array( - 'class' => array('description', 'expand', 'priority-low'), + 'class' => array('description', 'priority-low'), 'data' => drupal_render($locale_translation_update_info), ), ); diff --git a/core/modules/locale/templates/locale-translation-update-info.html.twig b/core/modules/locale/templates/locale-translation-update-info.html.twig index 15cb4ceb4052d4948eeade41635b877ed32b987b..6c53434c6f548f3ab17ec7e0f4db8e08f85d5626 100644 --- a/core/modules/locale/templates/locale-translation-update-info.html.twig +++ b/core/modules/locale/templates/locale-translation-update-info.html.twig @@ -18,15 +18,15 @@ * @ingroup themeable */ #} -<div class="inner" tabindex="0" role="button"> - <span class="update-description-prefix visually-hidden">Show description</span> +<div class="locale-translation-update__wrapper" tabindex="0" role="button"> + <span class="locale-translation-update__prefix visually-hidden">Show description</span> {% if modules %} {% set module_list = modules|safe_join(', ') %} - <span class="text">{% trans %}Updates for: {{ module_list }}{% endtrans %}</span> + <span class="locale-translation-update__message">{% trans %}Updates for: {{ module_list }}{% endtrans %}</span> {% elseif missing_updates_status %} - <span class="text">{{ missing_updates_status }}</span> + <span class="locale-translation-update__message">{{ missing_updates_status }}</span> {% endif %} {% if details %} - <div class="details">{{ details }}</div> + <div class="locale-translation-update__details">{{ details }}</div> {% endif %} </div>