Fix symbol table layout

This commit is contained in:
Julia Radzhabova 2019-11-13 16:09:47 +03:00
parent 3b0cb57e4e
commit 690746b7f4

View file

@ -365,9 +365,9 @@ define([
Common.Views.SymbolTableDialog = Common.UI.Window.extend(_.extend({ Common.Views.SymbolTableDialog = Common.UI.Window.extend(_.extend({
options: { options: {
resizable : true, resizable : true,
minwidth : 450, minwidth : 448,
minheight : 394, minheight : 394,
width: 450, width: 448,
height: 396, height: 396,
cls: 'modal-dlg', cls: 'modal-dlg',
buttons: ['ok', 'cancel'] buttons: ['ok', 'cancel']
@ -387,25 +387,27 @@ define([
_.extend(this.options, { _.extend(this.options, {
title: this.textTitle, title: this.textTitle,
width : size[0] || 450, width : size[0] || 448,
height : size[1] || 396 height : size[1] || 396
}, options || {}); }, options || {});
this.template = [ this.template = [
'<div class="box">', '<div class="box">',
'<table cols="2" style="width: 100%;">', '<table cols="2" style="width: 100%;max-width: 497px;">',
'<tr>', '<tr>',
'<td style="padding-right: 10px;padding-bottom: 8px;">', '<td style="padding-right: 5px;padding-bottom: 8px;width: 50%;">',
'<label class="input-label">' + this.textFont + '</label>', '<label class="input-label">' + this.textFont + '</label>',
'<div id="symbol-table-cmb-fonts"></div>', '<div id="symbol-table-cmb-fonts"></div>',
'</td>', '</td>',
'<td style="padding-bottom: 8px;">', '<td style="padding-left: 5px;padding-bottom: 8px;">',
'<label class="input-label">' + this.textRange + '</label>', '<label class="input-label">' + this.textRange + '</label>',
'<div id="symbol-table-cmb-range"></div>', '<div id="symbol-table-cmb-range"></div>',
'</td>', '</td>',
'</tr>', '</tr>',
'</table>',
'<table cols="1" style="width: 100%;">',
'<tr>', '<tr>',
'<td colspan="2" style="padding-bottom: 16px;">', '<td style="padding-bottom: 16px;">',
'<div id="symbol-table-scrollable-div" style="position: relative;height:'+ (this.options.height-264) + 'px;">', '<div id="symbol-table-scrollable-div" style="position: relative;height:'+ (this.options.height-264) + 'px;">',
'<div style="width: 100%;">', '<div style="width: 100%;">',
'<div id="id-preview">', '<div id="id-preview">',
@ -418,23 +420,25 @@ define([
'</td>', '</td>',
'</tr>', '</tr>',
'<tr>', '<tr>',
'<td colspan="2" style="padding-bottom: 16px;">', '<td style="padding-bottom: 16px;">',
'<label class="input-label">' + this.textRecent + '</label>', '<label class="input-label">' + this.textRecent + '</label>',
'<div id="symbol-table-recent" tabindex="0" oo_editor_input="true" style="width: 100%;"></div>', '<div id="symbol-table-recent" tabindex="0" oo_editor_input="true" style="width: 100%;"></div>',
'</td>', '</td>',
'</tr>', '</tr>',
'</table>',
'<table cols="2" style="width: 100%;max-width: 497px;">',
'<tr>', '<tr>',
'<td style="padding-right: 10px;">', '<td style="padding-right: 5px; width: 50%;">',
'<label class="input-label">' + this.textCode + '</label>', '<label class="input-label">' + this.textCode + '</label>',
'</td>', '</td>',
'<td>', '<td style="padding-left: 5px;">',
'</td>', '</td>',
'</tr>', '</tr>',
'<tr>', '<tr>',
'<td style="padding-right: 10px;">', '<td style="padding-right: 5px;">',
'<div id="symbol-table-text-code" oo_editor_input="true"></div>', '<div id="symbol-table-text-code" oo_editor_input="true"></div>',
'</td>', '</td>',
'<td>', '<td style="padding-left: 5px;">',
'<div id="symbol-table-label-font" style="overflow: hidden; text-overflow: ellipsis;white-space: nowrap;max-width: 160px;"></div>', '<div id="symbol-table-label-font" style="overflow: hidden; text-overflow: ellipsis;white-space: nowrap;max-width: 160px;"></div>',
'</td>', '</td>',
'</tr>', '</tr>',