/** * @file * Right-to-left overrides for the dashboard theme. * * Drupal stamps `dir="rtl"` on when the interface language is RTL * (Arabic). Everything here mirrors a physical left/right rule declared in * dashboard.css; the Bartik-era component files (header.css, sidebar.css, * main-content.css, ...) already ship their own [dir="rtl"] rules, and the * solution navigation (apps/solution_navigation.css) uses logical * properties, so neither needs anything from this file. * * Loaded last in the global-styling library so specificity ties resolve in * favour of the RTL rule. When adding a new left/right rule to dashboard.css * either use a logical property (margin-inline-start, inset-inline-end, ...) * or add its mirror here. */ /* --------------------------------------------------------------------- Base --------------------------------------------------------------------- */ /* Bootstrap's reboot pins `text-align: left` on body, which would defeat the document direction. */ [dir="rtl"] body { text-align: right; } [dir="rtl"] table caption, [dir="rtl"] .branch-coverage th.field-label, [dir="rtl"] .create-form .site-branding, [dir="rtl"] #edit-group-item-availability fieldset, [dir="rtl"] #edit-group-item-availability .field--type-datetime, [dir="rtl"] #field-item-variation-group-values .form-type-checkbox label { text-align: right; } /* Native