Commit 978116ea authored by alexpott's avatar alexpott

Issue #1982230 by andythomnz, holist, cilefen, herom, BarisW: Modernize markup...

Issue #1982230 by andythomnz, holist, cilefen, herom, BarisW: Modernize markup for the locale module
parent f758884f
...@@ -76,12 +76,12 @@ ...@@ -76,12 +76,12 @@
#locale-translation-status-form td { #locale-translation-status-form td {
vertical-align: top; vertical-align: top;
} }
#locale-translation-status-form .expand .inner { .locale-translation-update__wrapper {
background: transparent url(../../../misc/menu-collapsed.png) left .6em no-repeat; background: transparent url(../../../misc/menu-collapsed.png) left .6em no-repeat;
margin-left: -12px; margin-left: -12px;
padding-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; background: transparent url(../../../misc/menu-expanded.png) left .6em no-repeat;
} }
...@@ -93,33 +93,33 @@ ...@@ -93,33 +93,33 @@
#locale-translation-status-form .description { #locale-translation-status-form .description {
cursor: pointer; cursor: pointer;
} }
#locale-translation-status-form .description .inner { .locale-translation-update__wrapper {
color: #5c5c5b; color: #5c5c5b;
line-height: 20px; line-height: 20px;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
} }
#locale-translation-status-form .expanded .description .inner { .expanded .locale-translation-update__wrapper {
height: auto; height: auto;
overflow: visible; overflow: visible;
white-space: normal; white-space: normal;
} }
#locale-translation-status-form .expanded .description .text { .expanded .locale-translation-update__message {
-webkit-hyphens: auto; -webkit-hyphens: auto;
-moz-hyphens: auto; -moz-hyphens: auto;
-ms-hyphens: auto; -ms-hyphens: auto;
hyphens: auto; hyphens: auto;
} }
.js #locale-translation-status-form .description .inner { .js .locale-translation-update__wrapper {
height: 20px; height: 20px;
} }
#locale-translation-status-form .expanded .description .inner { .expanded .locale-translation-update__wrapper {
height: auto; height: auto;
overflow: visible; overflow: visible;
white-space: normal; white-space: normal;
} }
#locale-translation-status-form .details { .locale-translation-update__details {
padding: 5px 0; padding: 5px 0;
max-width: 490px; max-width: 490px;
white-space: normal; white-space: normal;
......
...@@ -60,7 +60,7 @@ ...@@ -60,7 +60,7 @@
$tr.toggleClass('expanded'); $tr.toggleClass('expanded');
// Change screen reader text. // Change screen reader text.
$tr.find('.update-description-prefix').text(function () { $tr.find('.locale-translation-update__prefix').text(function () {
if ($tr.hasClass('expanded')) { if ($tr.hasClass('expanded')) {
return Drupal.t('Hide description'); return Drupal.t('Hide description');
} }
......
...@@ -98,7 +98,7 @@ public function buildForm(array $form, FormStateInterface $form_state) { ...@@ -98,7 +98,7 @@ public function buildForm(array $form, FormStateInterface $form_state) {
), ),
), ),
'status' => array( 'status' => array(
'class' => array('description', 'expand', 'priority-low'), 'class' => array('description', 'priority-low'),
'data' => drupal_render($locale_translation_update_info), 'data' => drupal_render($locale_translation_update_info),
), ),
); );
......
...@@ -18,15 +18,15 @@ ...@@ -18,15 +18,15 @@
* @ingroup themeable * @ingroup themeable
*/ */
#} #}
<div class="inner" tabindex="0" role="button"> <div class="locale-translation-update__wrapper" tabindex="0" role="button">
<span class="update-description-prefix visually-hidden">Show description</span> <span class="locale-translation-update__prefix visually-hidden">Show description</span>
{% if modules %} {% if modules %}
{% set module_list = modules|safe_join(', ') %} {% 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 %} {% elseif missing_updates_status %}
<span class="text">{{ missing_updates_status }}</span> <span class="locale-translation-update__message">{{ missing_updates_status }}</span>
{% endif %} {% endif %}
{% if details %} {% if details %}
<div class="details">{{ details }}</div> <div class="locale-translation-update__details">{{ details }}</div>
{% endif %} {% endif %}
</div> </div>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment