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

Слито вручную

igalic слито 1 коммит(ов) из quentin/Plume:pr/flex в main

quentin прокомментировал(а)

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 одобрил(а) эти изменения

igalic упомянул эту задачу в коммите

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 4 лет назад вручную объединил(а) коммит 003dcf861a в main

quentin удалил(а) ветку pr/flex

Рецензенты

igalic одобрил(а) эти изменения

Запрос на слияние был объединён вручную, как 003dcf861a.

Войдите, чтобы присоединиться к обсуждению.

Нет рецензентов

Нет этапа

Нет назначенных лиц

2 участников

Уведомления

Срок выполнения

Срок действия недействителен или находится за пределами допустимого диапазона. Пожалуйста, используйте формат 'гггг-мм-дд'.

Срок выполнения не установлен.

Зависимости

Зависимостей нет.

Загрузка…

Пока нет содержимого.

Метки Этапы

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

Рецензенты