You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Se introduce un nuevo contenedor padre para garantizar que el modal permanezca centrado. Además, ajusta el CSS para mejorar la consistencia del color del puntero con el estilo general de la página.
Problema solucionado
Aborda la Issue #298 que reporta "Un modal que se mantiene fijo mientras se escrollea y no contrasta con la tematica de la pagina.".
Cambios propuestos
1. Nuevo código en src/components/CalendarButton.astro:
Se agregó la función asíncrona obtenerModal que obtiene referencias al elemento con el id "parent-modal" y a los elementos con la clase "atcb-list-wrapper". Luego, verifica si existen elementos con la clase "atcb-list-wrapper" y, en caso afirmativo, agrega el primer elemento a "parent-modal".
2. Modificación en public/css/add-to-calendar.css:
Se modificó el estilo de relleno (fill) del puntero hover para cerrar el modal.
3. Nueva estructura HTML en src/layouts/Layout.astro:
Se añadió un nuevo contenedor div con el id "parent-modal" y algunas clases adicionales ("flex items-center justify-center").
Capturas de pantalla
Antes:
Después:
Nota: se puede estudiar la opción de boquear por completo el scroll.
Comprobación de cambios
He revisado localmente los cambios para asegurarme de que no haya errores ni problemas.
He probado estos cambios en múltiples dispositivos y navegadores para asegurarme de que la landing page se vea y funcione correctamente.
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Esleiter
force-pushed
the
center-modal-refinement
branch
from
Descripción
Se introduce un nuevo contenedor padre para garantizar que el modal permanezca centrado. Además, ajusta el CSS para mejorar la consistencia del color del puntero con el estilo general de la página.
Problema solucionado
Aborda la Issue #298 que reporta "Un modal que se mantiene fijo mientras se escrollea y no contrasta con la tematica de la pagina.".
Cambios propuestos
1. Nuevo código en src/components/CalendarButton.astro:
Se agregó la función asíncrona obtenerModal que obtiene referencias al elemento con el id "parent-modal" y a los elementos con la clase "atcb-list-wrapper". Luego, verifica si existen elementos con la clase "atcb-list-wrapper" y, en caso afirmativo, agrega el primer elemento a "parent-modal".
2. Modificación en public/css/add-to-calendar.css:
Se modificó el estilo de relleno (fill) del puntero hover para cerrar el modal.
3. Nueva estructura HTML en src/layouts/Layout.astro:
Se añadió un nuevo contenedor div con el id "parent-modal" y algunas clases adicionales ("flex items-center justify-center").
Capturas de pantalla
Antes:
Después:
Nota: se puede estudiar la opción de boquear por completo el scroll.
Comprobación de cambios