Add
in pop-up translation panel
The pop-up translation panel has a short summary field and 3 buttons. Since the text of these buttons can be quite long, in some cases the 3rd ("skip") button wraps to the next line. Since the summary+buttons are already occupying two lines, I propose adding a <br> after the summary field, which would make the buttons stand together in the same line, and would allow the summary field to be longer, without (in most(?) cases) using up any extra space.
Personally I think that summary field should take less space by default, since most of time it is useless.
I'm ok with that, also. If you can make its size dynamic to allow space for the buttons, that'd be fine :) Otherwise, a shorter static size and having the buttons wrapped in a non-breaking environment would at least guarantee that they move together to the next line if the space above is not sufficient. Though that would mean they wouldn't wrap for really small screens... I guess the only valid solution is indeed adding the <br>. But, we could hide the summary line by default. How about that?
The field should still be accessible somehow, I don't think we can hide it entirely.
It could have a a standard size of e.g. 3em, and of 99% of the screen width while it has the focus.
That seems to be doable with JavaScript. Can someone make a prototype I could integrate in the extension?
It can be done with CSS, here is a sample that works with my system/browsers:
<head>
<style type="text/css">
.dynwidth {
width:3em;
}
.dynwidth:focus, .dynwidth:hover {
width:99%;
}
</style>
</head>
<body>
<form>
|<input class="dynwidth" />|
</form>
</body>
Done and live.