Dialog full screen

[ado2000 (Giovanni Adobati)]

Hi, I’m using Dialog and I added a maximize function.

private void maximise() {
if (isFullScreen) {
initialSize();
} else {
if (isDocked) {
initialSize();
}
max.setIcon(VaadinIcon.COMPRESS_SQUARE.create());

        initialWidth = getWidth();
        initialHeight = getHeight();
        initialLeft = getLeft();
        initialTop = getTop();

        setTop("0");
        setLeft("0");

        setSizeFull();

        footerLayout.setVisible(true);
    }

when I maximize and position the dialog at top 0 and left 0, it does not position at 0, there Is a margin.

i’wold like to remove that margin, is it possible ?

[SimonMartinelli]

I don’t know by heart but probably setting margin/padding to 0 on vaadin-dialog-overlay should help

[ado2000 (Giovanni Adobati)]

Hi Simon, thanks,

tried with

vaadin-dialog-overlay[theme~=“no-gap”]::part(overlay) {
margin: 0;
padding: 0;
}

vaadin-dialog-overlay[theme~=“no-gap”]::part(content) {
padding: 0;
margin: 0;
}

but without lack

The strange thing is that I see a position of 16 pixel

[knoobie (Christian Knoop)]

This should do it

vaadin-dialog-overlay {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

[ado2000 (Giovanni Adobati)]

Hi Christian, that functioned.

Thanks