CSS Fix: My title is displayed at the wrong position on Webkit browsers #825

Fusionado manualmente

igalic fusionados 1 commits de quentin/Plume:pr/flex en main

quentin comentado

On Firefox (Gecko), the following CSS instruction puts the title block at the bottom of the header:

main header.article>div:not(.shadow) {
  justify-content: end;
}

But under Webkit Browsers, such instruction is ignored:

Patching it to the following however solves the problem:

main header.article>div:not(.shadow) {
  justify-content: flex-end;
}

Some disclaimers about this pull request:

I have not yet tested the patch and this fix might have been done at the wrong place
The fix might be needed in other places, especially in the other included theme
I don't understand exactly why Gecko and Webkit do not behave the same in this case

On Firefox (Gecko), the following CSS instruction puts the title block at the bottom of the header: ```css main header.article>div:not(.shadow) { justify-content: end; } ``` But under Webkit Browsers, such instruction is ignored: ![broken header](https://git.joinplu.me/attachments/a12d6162-9eca-4134-88c8-01007eb8b41e) Patching it to the following however solves the problem: ```css main header.article>div:not(.shadow) { justify-content: flex-end; } ``` ![fixed!](https://git.joinplu.me/attachments/4f49100d-a3e7-45a3-b80e-9e04ef56253e) Some disclaimers about this pull request: - I have not yet tested the patch and this fix might have been done at the wrong place - The fix might be needed in other places, especially in the other included theme - I don't understand exactly why Gecko and Webkit do not behave the same in this case

Capture d’écran de 2020-09-25 11-26-03.png

1.7 MiB

Capture d’écran de 2020-09-25 11-25-39.png

1.7 MiB

igalic aprobado estos cambios

igalic referenció esta incidencia en un commit

Merge pull request 'CSS Fix: My title is displayed at the wrong position on Webkit browsers' (#825) from quentin/Plume:pr/flex into main Reviewed-on: https://git.joinplu.me/Plume/Plume/pulls/825 Reviewed-by: Mina Galić <me+git@igalic.co>

igalic fusionado manualmente commit 003dcf861a en main hace 4 años

quentin rama eliminada pr/flex

Revisores

igalic aprobado estos cambios

El Pull Request se ha fusionado manualmente como 003dcf861a.

Inicie sesión para unirse a esta conversación.

No hay revisores

Sin Milestone

No asignados

2 participantes

Notificaciones

Fecha de vencimiento

La fecha de vencimiento es inválida o está fuera de rango. Por favor utilice el formato 'aaaa-mm-dd'.

Sin fecha de vencimiento.

Dependencias

No se han establecido dependencias.

Cargando…

Aún no existe contenido.

Etiquetas Hitos

CSS Fix: My title is displayed at the wrong position on Webkit browsers #825

Revisores