Posición de diálogo de papel de polymer

En mi aplicación, estoy usando el elemento de diálogo de papel del polymer. Los estilos del diálogo siempre lo colocan en el centro, pero quiero que tenga una distancia mínima establecida entre el cuadro de diálogo y el lado derecho de la ventana, de modo que cuando la ventana se encoja, el diálogo de papel no se acercará al lado derecho , que la distancia establecida. ¿Hay alguna forma de que pueda hacerlo con CSS, o debo usar alguna otra técnica?

si desea especificar una distancia entre el cuadro de diálogo y el lado derecho, es posible que desee afectar el derecho de propiedad de su diálogo de papel con una posición fija como la siguiente:

html /deep/ .dialog-right-position { position: fixed; top: 10px; right: 10px; } 

entonces simplemente declaras tu elemento con el mismo nombre de clase css, por supuesto.

  

well right positioned paper dialog :) !

y si necesita un ejemplo de trabajo, aquí está:

    paper-dialog-alignment            

Pude reubicar el diálogo, si se acerca demasiado al lado derecho de la ventana, al calcular el tamaño de la ventana, el ancho del diálogo y el mínimo espacio correcto entre el cuadro de diálogo y la ventana. Mi escenario incluye un elemento en el lado derecho de la ventana, que será el espacio correcto mínimo, por lo que ese elemento no debe superponerse. Si hay suficiente espacio, el cuadro de diálogo está centrado, de lo contrario, está en la posición correcta. Por favor, revisa mi código que está basado en el ejemplo de jérémy Darchy :

    paper-dialog-alignment            

También podrías hacerlo mucho más simple. Acabo de declarar todos los lados (arriba, abajo, izquierda, derecha) en los diálogos de papel CSS. En mi caso, los hice todos 25%, para que mi diálogo) Esta solución funcionó para mí.

 paper-dialog { position: fixed; top: 25%; left: 25%; bottom: 25%; right: 25%; margin: 0px; }