complete story 9.8 with qa tests

This commit is contained in:
Naser Mansour
2026-01-03 02:26:25 +02:00
parent 090326b682
commit 9abaa93a49
9 changed files with 445 additions and 22 deletions
+23 -15
View File
@@ -290,26 +290,13 @@ button.btn-danger:disabled {
.btn-group > .btn-primary:first-child,
.btn-group > .btn-secondary:first-child,
.btn-group > .btn-danger:first-child {
@apply rounded-r-none;
@apply rounded-e-none;
}
.btn-group > .btn-primary:last-child,
.btn-group > .btn-secondary:last-child,
.btn-group > .btn-danger:last-child {
@apply rounded-l-none;
}
/* RTL support for button groups */
[dir="rtl"] .btn-group > .btn-primary:first-child,
[dir="rtl"] .btn-group > .btn-secondary:first-child,
[dir="rtl"] .btn-group > .btn-danger:first-child {
@apply rounded-l-none rounded-r-md;
}
[dir="rtl"] .btn-group > .btn-primary:last-child,
[dir="rtl"] .btn-group > .btn-secondary:last-child,
[dir="rtl"] .btn-group > .btn-danger:last-child {
@apply rounded-r-none rounded-l-md;
@apply rounded-s-none;
}
/* RTL support for icon buttons */
@@ -426,3 +413,24 @@ button.btn-danger:disabled {
.shadow-card-hover {
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
/* ==========================================================================
RTL/LTR Layout Utilities (Story 9.8)
========================================================================== */
/* RTL-aware icon flipping - use on directional icons like chevrons, arrows */
[dir="rtl"] .flip-rtl {
transform: scaleX(-1);
}
/* Force LTR for numbers, emails, code, and other content that should stay LTR */
.ltr-content {
direction: ltr;
unicode-bidi: embed;
}
/* Inline LTR content within RTL text flow */
.ltr-inline {
direction: ltr;
unicode-bidi: isolate;
}