paper-toast doesn't support center alignment about paper-toast HOT 7 CLOSED

You could just use the css margin-left property for that ;)

    paper-toast {
      width: 300px;
      margin-left: calc(50vw - 150px);
    }

from paper-toast.

@valdrinkoshi thanks! That was a good idea - will test tommorow.

from paper-toast.

bump

from paper-toast.

This issue is a duplicate of PolymerElements/iron-fit-behavior#43, as paper-toast implements iron-overlay-behavior which implements iron-fit-behavior.
A temporary solution is to use horizontalOffset to push the toast to the center, e.g. http://jsbin.com/rekafim/2/edit?html,output

from paper-toast.

@valdrinkoshi It would be great if horizontalOffset would support percentage values instead of px.

from paper-toast.

Cool! will close this issue 👍

from paper-toast.

FWIW I solved this with

<paper-toast vertical-align horizontal-align id="toast">

And in the event handler which opens the toast:

this.$.toast.center();
this.$.toast.refit();
this.$.toast.open();

from paper-toast.