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

Manually merged

igalic quentin/Plume:pr/flex 에서 main 로 1 commits 를 머지했습니다

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 merged commit 003dcf861a into main manually 4 년 전

quentin 삭제된 브랜치 pr/flex

리뷰어

igalic 이 변경사항을 승인하였습니다.

The pull request has been manually merged as 003dcf861a.

로그인하여 이 대화에 참여

No reviewers

마일스톤 없음

담당자 없음

참여자 2명

알림

마감일

기한이 올바르지 않거나 범위를 벗어났습니다. 'yyyy-mm-dd'형식을 사용해주십시오.

마감일이 설정되지 않았습니다.

의존성

No dependencies set.

불러오는 중...

아직 콘텐츠가 없습니다.

레이블 마일스톤

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

리뷰어