lokdialog: Remove padding around dialog canvas completely

Change-Id: Ie6d65ca23936f081c5e2b37fff6f5d90d9fcd06e
This commit is contained in:
Pranav Kant 2017-11-09 09:48:44 +05:30
parent a2a72572bb
commit 2b8c4ee3bb
2 changed files with 5 additions and 1 deletions

View file

@ -344,3 +344,7 @@ body {
.lokdialog.ui-dialog-content.ui-widget-content { .lokdialog.ui-dialog-content.ui-widget-content {
padding: 0px; padding: 0px;
} }
.lokdialog_canvas {
display: block; /* required to remove all borders around canvas element */
}

View file

@ -39,7 +39,7 @@ L.Control.LokDialog = L.Control.extend({
_launchDialog: function(dialogId, width, height) { _launchDialog: function(dialogId, width, height) {
var canvas = '<div class="lokdialog" style="padding: 0px; margin: 0px; overflow: hidden;" id="' + dialogId + '">' + var canvas = '<div class="lokdialog" style="padding: 0px; margin: 0px; overflow: hidden;" id="' + dialogId + '">' +
'<canvas tabindex="0" id="' + dialogId + '-canvas" width="' + width + 'px" height="' + height + 'px"></canvas>' + '<canvas class="lokdialog_canvas" tabindex="0" id="' + dialogId + '-canvas" width="' + width + 'px" height="' + height + 'px"></canvas>' +
'</div>'; '</div>';
$(document.body).append(canvas); $(document.body).append(canvas);
var that = this; var that = this;