@ek0583232948 אתה רוצה להפוך את כל הממשק לRTL או את כל התאים (במצב עריכה וגם במצב תצוגה) לRTL? יש הבדל גדול
ברור שאם תחיל direction: rtl זה ישבור את כל המסך ויהרוס פונקציונליות של הרבה קומפוננטות. אתה צריך לבודד את המקומות הספציפיים שאותם חשוב לך שהדפדפן ירנדר אותם כRTL. ואת זה עושים על ידי בדיקה בכלי המפתחים של הדפדפן (זה מאוד קל) תנסה ללכוד את האלמנט שמייצג את התא הטיפוסי (או ה'קומפוננטה') בצורה הכי גנרית כלומר תתפוס את האלמנט מצד אחד בהיררכיה הכי גבוהה שאחראי על ה'איזור' או תחום שאתה רוצה לשנות, ומצד שני תשים לב לא לעלות יותר מידיי בהיררכיה של הדף כי זה יגרור שתחיל כלל direction: rtl על חלקים שאתה לא רוצה.
(יש בכלי המפתחים כלי לכידה, קיצור מקשים במק זה CMD SHIFT C, מאוד יעיל כדי למצוא ולהניח את האצבע על אלמנט)
אחרי שהחלטת על אלמנט פשוט תמצא בפירוט חוקי הCSS שחלים עליו (ליד איפה שהעץ אלמנטים) מקום עם חוקים שמתייחסים לרשימה טובה ומאפיינת של קלאסים. דוגמא:
[image: 1767143712392-d5c586b6-4734-458b-992c-9ab627682107-image-resized.png]
בחרתי את האלמנט
זה האלמנט, שים לב לקלאסים
אלה החוקים שחלים עליו, כאן אפשר לעמוד מעל קלאסים ולראות כמה הצירוף קלאסים הזה משפיע בעמוד. דוגמא:
[image: 1767143887127-72730d72-fac9-4cd8-80e0-c2ec8f2e55aa-image-resized.png]
כשעמדתי עם העכבר כאן - 1 - זה הדגיש את המודגש ב2. בחרתי בזה ולא בכלל שמעליו כי הוא משפיע גם על הכותרות ונראה לי לא טוב לשנות את הכותרות.
אחרי שבחרנו את הצירוף קלאסים הכי מתאים לנו, שמשפיע על המקומות שהכי מתאימים, פשוט נוסיף לו כלל של direction: rtl ונראה את ההשפעה.
אצלי זה דווקא יוצא טוב:
[image: 1767144026960-6479d73a-ccc4-4b3f-a075-5e4bb1305a70-image-resized.png]
הכלל הרלוונטי שיצא לי הוא:
.dataRow:not(.header) .cell {
direction: rtl;
}
אפשר לגמרי לשים את זה בStylus ויעבוד.