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 @@
#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;
......
......@@ -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');
}
......
......@@ -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),
),
);
......
......@@ -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>
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