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

手動マージ済み
igalic が 1 個のコミットを quentin/Plume:pr/flex から main へマージ 4年前
quentin がコメント 4年前

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:

broken header

Patching it to the following however solves the problem:

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

fixed!

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
igalic が変更を承認 4年前
igalic がコミット 003dcf861amain に手動マージ 4年前
quentin がブランチ pr/flex を削除 2年前

レビューア

igalic が変更を承認 4年前
プルリクエストは 003dcf861a で手動マージされています。
サインインしてこの会話に参加。
レビューアなし
マイルストーンなし
担当者なし
2 人の参加者
通知
期日
期日が正しくないか範囲を超えています。 'yyyy-mm-dd' の形式で入力してください。

期日は未設定です。

依存関係

依存関係が設定されていません。

リファレンス: Plume/Plume#825
読み込み中…
まだ内容がありません