תוסף מומלץ לuserstytle

[משתמש מקצוען]

האם התוסף הזה מסדר לך את בעיית היישור בעת הגלישה באתר?
במידה וכן, אז תיצור פרוייקט ריאקט קטן, עם התאמה לRTL והפרוייקט יציג את החיבור וההתממשקות לAIRTABLE.
אתה יכול לקמפל את זה בהמוני דרכים ולהביא ללקוח מערכת מושלמת ונוחה.

[צדיק תמים]

https://chromewebstore.google.com/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne
או https://chromewebstore.google.com/detail/live-editor-for-css-less/ifhikkcafabcgolfjegfcgloomalapol

[ek0583232948]

@משתמש-מקצוען כתב בתוסף מומלץ לuserstytle:

האם התוסף הזה מסדר לך את בעיית היישור בעת הגלישה באתר?

לא , זה הופך את השלד לRTL אבל את כל השורות דוחף "מחוץ למסך"
אגב , אין לי שום הבנה בריאקטים . זה לא הפתרון בשבילי

[משתמש מקצוען]

תנסה את זה.

[ek0583232948]

@משתמש-מקצוען
לפי השם אתה כבר יכול לראות את הפעולה שלו
זה הופך רק את הטקסט בתאים לRTL

[משתמש מקצוען]

אני לא מכיר את הפלטפורמה אבל תנסה לחפש בחנות של כרום
Airtable RTL

[dovid]

אני משתמש ב User JavaScript and CSS

[ek0583232948]

תודה לכולם.
התקנתי את מה שכתבו פה , אבל כל קוד שקיבלתי מGPT לא עזר
עד שהוא כתב לי :
קיבלתי.
בדקתי את ה-HTML המלא שצירפת, ולא חלקים.
והתשובה עכשיו חד-משמעית, מקצועית, וללא ניסויים נוספים:

אי-אפשר לגרום ל-RTL אמיתי בדף הזה באמצעות CSS

לא עכשיו, ולא “עם קוד נכון”.

למה זה סופי (מבוסס על הקובץ המלא)

בדף שצירפת מתקיימים כל התנאים שחוסמים RTL ב-CSS בלבד:

ה-Grid מבוסס ReactVirtualized

<div class="ReactVirtualized__Grid" style="direction: ltr; ...">

הכיוון (direction: ltr) מוזרק inline ע״י JS
→ CSS לא יכול לדרוס את זה בצורה יציבה.
אין לי הבנה בעניין, ולכן אני לא מתכוון להשתגע עם GPT ולהמשיך לקבל את אותה תוצאה
בכל אופן תודה לכולם על ההתיחסות

[YoungBoy]

@ek0583232948 כתב בתוסף מומלץ לuserstytle:

אני משתמש בתכנת AIRTABLE

בזמנו עבדתי עם איירטייבל, ומישהו שלח לי תוסף לא ארוז שמשנה את הממשק.
לא יודע אם הוא עדיין תואם, בכל מקרה יש מייל בתוך התיקיה, נסה ליצור קשר עם המפתח.
זה מה שהוא שלח לי בזמנו.
תוסף כרום-20251230T200110Z-1-001.zip

אם יש בעיית זכויות יוצרים אפשר לפנות אלי במייל שבביו.

[chv]

@ek0583232948 אתה רוצה להפוך את כל הממשק לRTL או את כל התאים (במצב עריכה וגם במצב תצוגה) לRTL? יש הבדל גדול
ברור שאם תחיל direction: rtl זה ישבור את כל המסך ויהרוס פונקציונליות של הרבה קומפוננטות. אתה צריך לבודד את המקומות הספציפיים שאותם חשוב לך שהדפדפן ירנדר אותם כRTL. ואת זה עושים על ידי בדיקה בכלי המפתחים של הדפדפן (זה מאוד קל) תנסה ללכוד את האלמנט שמייצג את התא הטיפוסי (או ה'קומפוננטה') בצורה הכי גנרית כלומר תתפוס את האלמנט מצד אחד בהיררכיה הכי גבוהה שאחראי על ה'איזור' או תחום שאתה רוצה לשנות, ומצד שני תשים לב לא לעלות יותר מידיי בהיררכיה של הדף כי זה יגרור שתחיל כלל direction: rtl על חלקים שאתה לא רוצה.
(יש בכלי המפתחים כלי לכידה, קיצור מקשים במק זה CMD SHIFT C, מאוד יעיל כדי למצוא ולהניח את האצבע על אלמנט)

אחרי שהחלטת על אלמנט פשוט תמצא בפירוט חוקי הCSS שחלים עליו (ליד איפה שהעץ אלמנטים) מקום עם חוקים שמתייחסים לרשימה טובה ומאפיינת של קלאסים. דוגמא:

1. בחרתי את האלמנט
2. זה האלמנט, שים לב לקלאסים
3. אלה החוקים שחלים עליו, כאן אפשר לעמוד מעל קלאסים ולראות כמה הצירוף קלאסים הזה משפיע בעמוד. דוגמא:
   
   כשעמדתי עם העכבר כאן - 1 - זה הדגיש את המודגש ב2. בחרתי בזה ולא בכלל שמעליו כי הוא משפיע גם על הכותרות ונראה לי לא טוב לשנות את הכותרות.

אחרי שבחרנו את הצירוף קלאסים הכי מתאים לנו, שמשפיע על המקומות שהכי מתאימים, פשוט נוסיף לו כלל של direction: rtl ונראה את ההשפעה.
אצלי זה דווקא יוצא טוב:

הכלל הרלוונטי שיצא לי הוא:

.dataRow:not(.header) .cell {
  direction: rtl;
}

אפשר לגמרי לשים את זה בStylus ויעבוד.