dir="rtl" on the HTML element —
all components using CSS logical properties will mirror automatically.
RTL Toggle / מתג RTL
dir="rtl" on the HTML element flips all components that use CSS logical properties (margin-inline-start, padding-inline-end, etc.). No extra CSS needed.
מערכת הרשת
עמודות הרשת צריכות לשמור על הסדר שלהן אך להתיישר מימין במצב RTL.
בדיקת היסט
קבוצות קלט
התוספות הקדמיות צריכות להופיע בצד ההתחלה (ימין ב-RTL), התוספות האחוריות בצד הסיום (שמאל ב-RTL).
כפתורים עם אייקונים
אייקונים צריכים להופיע בצד הנכון ביחס לטקסט במצב RTL.
טבלאות
| שם | דואר אלקטרוני | תפקיד | סטטוס | פעולות |
|---|---|---|---|---|
| יוסי כהן | yossi@example.co.il | מנהל מערכת | פעיל | |
| רחל לוי | rachel@example.co.il | משתמש | ממתין | |
| דוד ישראלי | david@example.co.il | עורך | חדש |
התראות (ניתנות לסגירה)
כפתור הסגירה צריך להופיע בצד הסיום (שמאל ב-RTL).
לשוניות
תוכן לשונית הבית. הלשוניות צריכות לזרום מימין במצב RTL.
תוכן לשונית הפרופיל.
תוכן לשונית ההגדרות.
לשוניות אנכיות
ללשוניות אנכיות צריך להיות גבול בצד הסיום (שמאל ב-RTL).
תוכן לוח הבקרה. האינדיקטור הפעיל צריך להיות בקצה הימני ב-RTL.
תוכן האנליטיקה.
תוכן הדוחות.
טיפים צפים
טיפים צפים צריכים להופיע בכיוון הנכון בהתאם לקלאס המשנה.
כלי עזר לריווח לוגי
כלים אלה משתמשים ב-CSS logical properties ומתהפכים במצב RTL.
שוליים בהתחלה (ms-*)
ריפוד בהתחלה (ps-*)
שוליים בסיום (me-*)
ריפוד בסיום (pe-*)
כלי עזר ליישור טקסט
.text-startמיושר להתחלה (ימין ב-RTL)
.text-centerתמיד במרכז
.text-endמיושר לסיום (שמאל ב-RTL)
טפסים
מיקומי הודעות Toast
מיקומי מכולות ה-Toast משתמשים ב-logical properties. לחץ להצגת הודעה במיקומים שונים.
טקסט לדוגמה
זהו פסקה לדוגמה בעברית כדי לבדוק את זרימת הטקסט במצב RTL. הטקסט צריך לזרום מימין לשמאל באופן טבעי.
Pure Admin תומך ב-RTL באמצעות CSS Logical Properties, מה שמאפשר תמיכה אוטומטית בשפות מימין לשמאל כמו עברית וערבית ללא צורך בסגנונות נפרדים.
רשימה עם נקודות
- פריט ראשון ברשימה
- פריט שני ברשימה
- פריט שלישי ברשימה
רשימה ממוספרת
- שלב ראשון
- שלב שני
- שלב שלישי