Fix RTL problem in post card #956

Merged

KitaitiMakoto merged 3 commits from :main into main

2021-11-21 14:32:18 +00:00

mskf1383 commented

2021-11-21 05:50:32 +00:00

Contributor

#950

https://git.joinplu.me/Plume/Plume/issues/950

mskf1383 added 2 commits 2021-11-21 05:50:36 +00:00

Update 'templates/partials/post_card.rs.html' 9dac97045b

Update 'assets/themes/default/_global.scss' afd66ce7cb

KitaitiMakoto commented

2021-11-21 06:06:43 +00:00

Owner

Thank you!

But, according to MDN's compatibility table, browsers other than Firefox don't support inline-end for float. Can you use portable property? Changes for appearance are accepted.

Thank you! But, according to [MDN's compatibility table](https://developer.mozilla.org/en-US/docs/Web/CSS/float), browsers other than Firefox don't support `inline-end` for `float`. Can you use portable property? Changes for appearance are accepted.

mskf1383 added 1 commit 2021-11-21 12:21:51 +00:00

Update 'assets/themes/default/_global.scss' 7b110179a9

mskf1383 commented

2021-11-21 12:29:11 +00:00

Author

Contributor

I made some changes:

.card h3 {
    flex-grow: 1;
    margin: 0;
    font-family: "Vazir","Playfair Display",serif;
    font-size: 1.75em;
    font-weight: normal;
    line-height: 1.75;
    display: inline-block;
    position: absolute; /* New */
}
.card .controls {
    float: inline-end; /* removed */
    text-align: end /* New */
}

It's compatible with all browsers, except IE: https://developer.mozilla.org/en-US/docs/Web/CSS/text-align

I made some changes: ```css .card h3 { flex-grow: 1; margin: 0; font-family: "Vazir","Playfair Display",serif; font-size: 1.75em; font-weight: normal; line-height: 1.75; display: inline-block; position: absolute; /* New */ } .card .controls { float: inline-end; /* removed */ text-align: end /* New */ } ``` It's compatible with all browsers, except IE: https://developer.mozilla.org/en-US/docs/Web/CSS/text-align

KitaitiMakoto approved these changes 2021-11-21 14:31:10 +00:00

KitaitiMakoto left a comment

Owner

Seems good! Thank you.