Enlace: Vea un ejemplo en vivo.
Ver: Ver el código fuente en el sitio de demostración del libro de recetas de CONTENTdm.
En la página de detalles del documento, hay un botón Expandir en la esquina superior derecha de la imagen de vista previa que abre el visor de imágenes o PDF. Esta receta se ha desarrollado a partir de la solicitud de hacer que el botón Expandir sea más intuitivo y fácil de usar.
Esta receta de CSS estira el botón Expandir para que cubra toda la imagen de vista previa y luego lo configura para que sea transparente. Como resultado, tiene un gran botón de expansión invisible, y parecerá que está haciendo clic en la imagen de vista previa para abrir la imagen o el visor de PDF.
Esta receta puede aplicarse a nivel global o de colección, pero se recomienda el nivel global para garantizar una experiencia de usuario coherente.