Reglas @media en los themes de Vaadin

Other Languages Discusión en español (Discussion in Spanish)
1

Estoy intentando incluir reglas @media en el css de Vaadin, pero no me funciona

¿Se puede?

Este es lo que he puesto:

@media only screen and (max-width:768px){

    .mainMenu .v-button-btnGallery {

    background-image:none;

    }

}



@media only screen and (min-width:769px){

    .mainMenu .v-button-btnGallery {

    background-image:url("imagenes/btnGallerys.png");

    }

}
2

Buenas,

igual un poco tarde, pero para los que tengas problemas como yo hasta el día de hoy para encontrar la solución tal vez sirva de ayuda.

Finalmente lo que he hecho para utilizar reglas @media ha sido utilizarlo en un fichero .css donde incluyo por ejemplo tus reglas. Guarda este fichero .css en la propia carpeta de estilos de VAADIN/themes/mytheme (puedes haberlo configurado con distinto nombre) y en tu clase UI inyectalo:

-Ejemplo 1: @StyleSheet("vaadin://themes/mytheme/myCss.css")

-Ejemplo2: incluirlo sobre el propio init por ejemplo UI.getPage().getStyles().add("rootToYoutStyle");

Espero sirva de ayuda para alguien.