Quantcast
Viewing all articles
Browse latest Browse all 293597

white-space:normal doesn't apply on the translation UI table

Updated: Comment #0

Problem/Motivation

The table that lists translatable strings on admin/config/regional/translate gets this CSS rule from the system.theme.css file:

tr.odd .form-item, tr.even .form-item {
  white-space: nowrap;
}

It makes that the first column gets as wide as the sentences in it, and the second column gets very small and often out from the screen. It can be seen here:

Image may be NSFW.
Clik here to view.
translation-white-space.jpg

(Or: admin/config/regional/translate?page=1 and especially on admin/config/regional/translate?page=2)

In the issue #1663130: Clean up css in Locale the white-space has been set as normal to avoid this:

.locale-translate-edit-form .form-item {
   white-space: normal;
}

It seems that the selector is not specific enough and the rule doesn't apply (anymore).

Proposed resolution

(Description of the proposed solution, the rationale behind it, and workarounds for people who cannot use the patch.)

I propose to specify the selector so that it overrides the system.theme.css rule:

.locale-translate-edit-form tr .form-item {
   white-space: normal;
}

Remaining tasks

Create the patch with the CSS modification.

User interface changes

The width of the first column on the interface translation table is not affected by the length of the text inside it.

API changes

Nothing.

#1663130: Clean up css in Locale

AttachmentSizeStatusTest resultOperations
translation-white-space.jpg72.76 KBIgnored: Check issue status.NoneNone

Viewing all articles
Browse latest Browse all 293597

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>