איך להתאים את גלייד לעברית?

נכון לתאריך פרסום פוסט זה, אין בפלטפורמה אפשרות ליישר לימין את הרכיבים השונים באופן טבעי.

כאשר הרכיבים כל הזמן בצד שמאל וכותבים מימין לשמאל, האפליקציה לא נוחה לשימוש והנראות שלה עקומה.

ניתן לפתור זאת בעזרת קוד CSS המצורף מטה.

(תבנית CSS מאפשרת לנו להגדיר סגנונות לאלמנטים השונים בעמוד כמו טקסט, תמונות וכו)

1. מוסיפים לעמוד בו אנחנו בונים רכיב בשם rich text

2. משנים את ברירת המחדל של המידע המוצג ברכיב אל costum

3. מעתיקים את הקוד מטה

4. מדביקים את הקוד בתוך הרכיב של rich text

והופה! האפליקציה בעברית!

הערות

  1. קוד ה CSS שהדבקתם עשוי ״להישבר״ אם החברה (גלייד) יחליטו לעשות שינויי מהותי ברכיב כלשהו.
  2. אין לאתר זה או בעליו אחריות כלשהי לגבי שינויים שיתרכשו בעקבות שבירת הקוד.
  3. אין להסתמך על קוד CSS בבנייה מהותית האפליקציה אלא לעיצוב בלבד.
  4. אני משתדל לעדכן את הקוד ככה שהוא יהיה מותאם לגרסא הנוכחית של גלייד.
  5. יש להדביק את הקוד בכל עמוד בנפרד, הוא לא יעבוד על כל האפליקציה שלך באופן אוטומטי.

מבנה הקוד

יש לכם אפליקציה שתרצו להפוך לעברית, צרו איתי קשר ואשמח לסייע.

העתיקו את הקוד מטה:

				
					<p>
[data-test="glide-app-bar"]
{text-align: center;
direction:rtl;
}

</p>
<p>
[data-test="app-text-box"] {
text-align: start;
direction:rtl;
}

</p>
<p>
[data-test="app-checkbox-list-item"] {
text-align: start;
direction:rtl;
}

</p>
<p>
[class="sc-bQdQlF dcOMra"] {
text-align: start;
direction:rtl;
}

</p>
<p>
[class="sc-hqUewE irkNoB"] {
text-align: start;
direction:rtl;
}

</p>
<p>
[class="label"] {
text-align: start;
direction:rtl;
}

</p>
<p>
[data-test="tile-item"] {
text-align: center;
direction:rtl;
}

</p>
<p>
[data-test="app-horizontal-list"] {
text-align: start;
direction:rtl;
}

</p>
<p>
[data-test="app-switch-view"] {
text-align: start;
direction:rtl !important;
}

</p>
<p>
[data-test="app-text-field"] {
text-align: right;
direction:rtl;
}

</p>
<p>
[data-test="app-picker-button"] {
text-align: right;
direction:rtl;
}

</p>
<p>
[data-test="app-switch-view"] {
text-align: right;
direction:rtl;
font-family: alef;
}

</p>
<p>
[data-test="list-item-title"] {
text-align: right;
direction:rtl;
}

</p>
<p>
[data-test="list-item"] {
text-align: right;
direction:rtl;
}

</p>
<p>
[class="sc-kNnYhR WdOSc"] {
text-align: right;
direction:rtl;
}

</p>
<p>
[data-test="app-inline-picker"] {
text-align: right;
direction:rtl;
}

</p>
<p>
[role="row"] {
text-align: right;
direction:rtl;
}

</p>
<p>
[class="sc-htmbXw fgLAlN"] {
text-align: right;
direction:rtl !important;
}

</p>
<p>
[data-test="app-vertical-list"] {
text-align: right;
direction:rtl !important;
}

</p>
<p>
[class="sc-httYMd dhAqBk"] {
text-align: right;
direction:rtl !important;
font-family: alef;
}

</p>
<p>
[class="tbs-inner"] {
text-align: right;
direction:rtl !IMPORTANT;
}
</p>

				
			

פוסטים אחרונים

Recent Posts

נעים להכיר, אני גדעון ואני כאן כדי לבנות לך מערכת ניהול מותאמת אישית לעסק שלך.

הירשמו לעדכונים וחדשות

Newsletter

×

איך להתאים את גלייד לעברית?

אודות הפרויקט