Fix fontcolor, backcolor popup getting truncated

Open them from the right edge of the popup to the left and wrap
them inside wrappers to make it possible.

Change-Id: Ib97fe6a3e306c8cc8612304b53ec42607234d5a7
This commit is contained in:
Pranav Kant
2017-01-16 13:38:36 +05:30
parent 6901ad9251
commit 84c73eccb2
2 changed files with 12 additions and 2 deletions

View File

@ -266,6 +266,16 @@ button.leaflet-control-search-next
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}
#fontcolor-wrapper {
position: relative;
right: 200px; /* fontcolor popup has 200px width, place it to the left from its right edge */
}
#backcolor-wrapper {
position: relative;
right: 200px; /* backcolor popup has 200px width, place it to the left from its right edge */
}
/* for 10x10 grid 10x20+10*.col.margin */
.inserttable-grid {
box-sizing: border-box;

View File

@ -484,9 +484,9 @@ $(function () {
{type: 'break', id: 'formatbreak'},
{type: 'button', id: 'insertfootnote', img: 'insertfootnote', hint: _('Insert Footnote'), uno: 'InsertFootnote' },
{type: 'break' },
{type: 'html', id: 'fontcolor-html', html: '<input id="fontColorPicker" style="display:none;">'},
{type: 'html', id: 'fontcolor-html', html: '<div id="fontcolor-wrapper"><input id="fontColorPicker" style="display:none;"></div>'},
{type: 'button', id: 'fontcolor', img: 'color', hint: _('Font color')},
{type: 'html', id: 'backcolor-html', html: '<input id="backColorPicker" style="display:none;">'},
{type: 'html', id: 'backcolor-html', html: '<div id="backcolor-wrapper"><input id="backColorPicker" style="display:none;"></div>'},
{type: 'button', id: 'backcolor', img: 'backcolor', hint: _('Highlighting')},
{type: 'break'},
{type: 'button', id: 'leftpara', img: 'alignleft', hint: _('Align left'), uno: 'LeftPara', unosheet: 'HorizontalAlignment {"HorizontalAlignment":{"type":"unsigned short", "value":"1"}}'},