diff --git a/library/components/tables/DataTable.vue b/library/components/tables/DataTable.vue index 6ed8d5b79..9b9055378 100644 --- a/library/components/tables/DataTable.vue +++ b/library/components/tables/DataTable.vue @@ -236,6 +236,9 @@ useShadowStyles( // unicode-bidi:plaintext: each cell takes its direction from its own first strong character, so an English // title in an Arabic page keeps its brackets and numbers where they belong (gospel-plugin / rega row 86). '.dt .tabulator .tabulator-row .tabulator-cell{border-right:1px solid #e6e8e3;color:#3b463d;unicode-bidi:plaintext}' + + // plaintext also resolves a cell's ALIGNMENT from its own text, so English cells left-aligned in an rtl + // table and clipped at its left edge (rega, L20). Align by the page's direction; the text stays isolated. + '.dt:dir(rtl) .tabulator .tabulator-row .tabulator-cell{text-align:right}' + // The resource link is the point of the gospel-resources table, so it reads as a link // in the accent rather than as default-blue on grey. '.dt .tabulator .tabulator-row .tabulator-cell a{color:#4a7a52;font-weight:600}' +