changes for #898:

* made "Columnize by Key/Value columns" dialog resizable
* set overflow styling, which solves the issue in Chromium-based browsers (Chrome, Edge, Opera) but doesn't work in FireFox and WebKit-based browsers (like Epiphany @ Linux, not tested in Safari but most likely won't work either)
This commit is contained in:
Alex 2020-03-02 14:57:02 +02:00
parent 9356b846b6
commit 8816cd511a
2 changed files with 13 additions and 3 deletions

View File

@ -9,9 +9,9 @@
<td bind="or_views_noteCol"></td>
</tr>
<tr>
<td><select bind="keyColumnSelect" size="15" style="width: 100%;"></select></td>
<td><select bind="valueColumnSelect" size="15" style="width: 100%;"></select></td>
<td><select bind="noteColumnSelect" size="15" style="width: 100%;"></select></td>
<td><select bind="keyColumnSelect" size="15" style="width: 100%; overflow: auto;"></select></td>
<td><select bind="valueColumnSelect" size="15" style="width: 100%; overflow: auto;"></select></td>
<td><select bind="noteColumnSelect" size="15" style="width: 100%; overflow: auto;"></select></td>
</tr>
</table></div>
</div>

View File

@ -679,6 +679,16 @@ DataTableColumnHeaderUI.extendMenu(function(column, columnHeaderUI, menu) {
$('<option>').attr("value", column2.name).text(column2.name).appendTo(elmts.noteColumnSelect);
}
var currentHeight = dialog.outerHeight();
var currentWidth = dialog.outerWidth();
dialog.resizable({
alsoResize: ".dialog-border .dialog-body",
handles: "e, w, se",
minHeight: currentHeight,
maxHeight: currentHeight,
minWidth: currentWidth
});
};
MenuSystem.appendTo(menu, [ "core/transpose" ], [