مشکل اواتار در نسخه ی موبایل

اصلا مثل اینکه دیسکورس دوست داره منو پشت دسکتاپ و لپتاپ ببینه :slight_smile:


عکس آواتار در نوار بالایی وبسایت برعکسه، دایره ی سبز نوتیفیکیشن هم پایین سمت راست آواتار بود. انگار کلا یه چرخش 2D به اندازه ی 180° داره.

پای لپتاپ نیستم که ببینم اونجا چطوریه.

3 Likes

:smile: این یه تریک css هست که من زدم واسه اینکه جای avatar رو درست کنم و مطابق با rtl که گویا رو موبایل جواب نمی ده. بررسی می کنم.مرسی که خبر دادی

1 Likes

خیلی ذهنم درگیر بود که چرا یه آبجکت توی یه سایت معقول باید چرخش ۱۸۰درجه داشته باشه :sweat_smile:

2 Likes

اینا همه ویژگی های انجمن برنامه نویسی هست.

1 Likes

یه سوال!
این ویرایش‌ها رو چطوری انجام میدید؟
روی سرور خودمون ویرایش میکنید؟ (اینطوری که هربار آپدیت بشه همه چیز میپره)
یا روی ریپازیتوری خود دیسکورس؟ (الآن همه‌ی دیسکورسهای آپدیت فارسی آواتار بالای صفحشون تو موبایل برعکسه :scream:)
یا یه اسکریپت درست کردید که بعد از هر آپدیت، یه سری فایلها رو شخصی سازی کنه؟ (یه کم سخته ودر حقیقت خیلی روش سختیه)

discourse خودش custom css ساپورت می کنه که دیتا رو توی دیتابیس نگه می داره و کش می کنه

1 Likes

سلام خسته نباشید این مشکل همچنان پابرجا هست.

1 Likes

سلام،
برای حل این مشکل فقط کافیه یه تغییر کوچیک توی CSS داده بشه


سمت راست تصویر، اولین -webkit-transform فعاله که داره دومی رو override می‌کنه اگه غیر فعال بشه دومی فعال می‌شه و همه چی درست می‌شه:

نمی‌دونم این CSS ها از کجا اومده و آشنایی‌ای هم با Discourse ندارم، اما از روی اسم فایل CSS مشخصه که اون -webkit-transform اولی از یه فایلی میاد که احتمالا auto generate شده، برای همین اگه نشه به این راحتی تغییرش داد، کافیه به آخر -webkit-transform دومی یه !important اضافه کرد، بازم مشکل حل می‌شه.

2 Likes

سلام. ممنونم بابت ریپورت. متاسفاده اینقدر درگیرم که وقت نمی کنم اوکی کنمش. یه ریپو درست می کنم. که این موارد رو اونجا حل کنیم

1 Likes

اینم از ریپو:

فقط کافیه یه فایل بسازین و css ی که مشکل رو برطرف می کنه بهش اضافه کنین. ممنونم پیشاپیش

3 Likes

خواهش می‌کنم، یه فایل css ارسال کردم، اگه خواستین فایل css ای که برای rtl شدن mobile نوشتین رو به repo اضافه کنید که مستقیما همونو ادیت کنم و MR بدم.

2 Likes