mirror of
https://github.com/wekan/wekan.git
synced 2026-11-08 11:25:19 -05:00
Lauri Ojansivu
2536861b79
(Arabic and its variants, Persian/Farsi, Hebrew, Uyghur, Uzbek-Arabic and Yiddish — the languages flagged `rtl: true` in `imports/i18n/languages.js`). Previously only some pages flipped. The root `<html>` element now gets a reactive `dir="rtl"`/`dir="ltr"` attribute that follows the chosen language, so the whole UI mirrors at once. To make this work on every page rather than a handful, all directional component CSS was converted to CSS logical properties (`margin-left`→`margin-inline-start`, `left:`→`inset-inline-start:`, `text-align: left`→`text-align: start`, `float: left`→`float: inline-start`, and the mirror-image right/end variants) across 48 stylesheets, which flip automatically with `dir`. Horizontal-centering rules using `left: 50%` + `transform: translate(-50%, …)` were intentionally kept physical, since those already center correctly in both directions. The calendar view also renders RTL. Thanks to xet7 and Claude. - Tests for the RTL UI. A fast, server-less `tests/rtl.test.js` (run with `node tests/rtl.test.js`) checks that exactly the expected languages are flagged `rtl: true`, that the direction helper maps each language to the right `dir` value, that the root `<html>` and the client keep `dir` in sync, and — as a regression guard — that component CSS keeps using logical properties (no physical `margin-left`/`float: left`/bare `left:` offsets sneak back in). A Playwright browser spec `tests/playwright/specs/18-rtl-layout.e2e.js` drives the app in both English (LTR) and Arabic (RTL) and asserts, on the boards list, board view, card details, my-cards / due-cards / global-search, the admin settings page and the login page, that the direction is correct, the translated text is visible, and leading-edge content (the boards menu, the first board list) sits on the correct side. Thanks to xet7 and Claude. - Fixed the "Meteor unit tests" CI job hanging until its 45-minute timeout. The workflow set `TEST_WATCH: '0'`, but meteortesting:mocha computes `testWatch: TEST_WATCH || …` and the string `'0'` is truthy in JavaScript, so it turned on watch mode and the process never exited. Removing the env var lets `meteor test --once` finish and exit with the correct status. Thanks to xet7 and Claude ! Fixes #6136, fixes #3376, fixes #884
29 lines
569 B
CSS
29 lines
569 B
CSS
.broken-cards-card-wrapper {
|
|
margin-top: 0;
|
|
margin-bottom: 1.3vh;
|
|
border-width: 0.4vw !important;
|
|
border-color: #808080 !important;
|
|
border-style: solid;
|
|
border-radius: 0.7vw;
|
|
padding: 2vh 2vw;
|
|
background-color: #fff;
|
|
}
|
|
.broken-cards-wrapper {
|
|
max-width: min(500px, 65vw);
|
|
margin-inline-end: auto;
|
|
margin-inline-start: auto;
|
|
}
|
|
.broken-cards-card-title {
|
|
font-weight: bold;
|
|
}
|
|
.broken-cards-context {
|
|
display: inline-block;
|
|
}
|
|
.broken-cards-context-separator {
|
|
font-weight: bold;
|
|
}
|
|
.broken-cards-null {
|
|
color: #8b0000;
|
|
font-style: italic;
|
|
}
|