Files
hedena_gold/apps/admin-panel/src/assets/styles/rtl-overrides.css
T

32 lines
1.5 KiB
CSS
Raw Normal View History

/*
* Residue from the legacy ant.less (426 lines, deleted when ant-design-vue was
* upgraded to v4). ADV4 renders RTL natively via CSS logical properties given
* App.vue's direction="rtl", which covers nearly everything ant.less used to
* hand-fix (pagination arrows, table alignment, column floats, menu padding,
* steps, tags, radio margins, input-group radii, etc).
*
* The handful of rules below are NOT direction-driven ant behaviour — they are
* app-specific fixes that stay regardless of LTR/RTL — so they still apply.
*/
/* Uploaded file names are Latin filenames; keep them LTR even in an RTL panel. */
.ant-upload-list-item-name {
font-family: Arial, sans-serif !important;
direction: ltr;
}
/* App-specific stacking fix: dropdowns must sit above other floating layers
used elsewhere in the panel (image previews, modals). */
.ant-select-dropdown {
z-index: 2500000;
}
2026-09-21 08:32:31 +03:30
/* REMOVED: an `.ant-tabs-nav { direction: ltr }` override used to live here,
forcing the tab strip itself to lay out left-to-right while each tab's
content stayed RTL. That fought ADV4's own RTL handling (ConfigProvider's
`direction="rtl"` in App.vue) instead of matching it: the first-defined tab
pane (e.g. "برند ها" in manage/Const.vue) rendered at the visual LEFT edge
instead of the RIGHT edge a Farsi reader expects tab order to start from.
ADV4 already reorders tabs correctly for RTL on its own — this override was
silently undoing that, so it is simply deleted rather than fixed. */