/* * rtl.css — nur für Arabisch geladen (dir="rtl" auf ). * * Tabler ist hier als reine LTR-Fassung eingebunden: .me-2/.ms-3 usw. sind zu * festem margin-right/margin-left kompiliert, drehen sich also nicht von * selbst um. Ein vollständiger Umbau auf logische Eigenschaften (margin- * inline-start/end) würde jede einzelne Regel in portal.css und jede * Utility-Klasse in jeder Vorlage betreffen — für eine Portalseite mit * überwiegend einspaltigen Karten und Formularen ein Aufwand, der den * eigentlichen Nutzen übersteigt. Stattdessen werden hier gezielt die * Klassen gedreht, die auf jeder Seite vorkommen: Abstände neben Symbolen * und Buttons, sowie Textausrichtung. Der Rest der Seite ist ohnehin * mittig oder einspaltig aufgebaut und braucht keine Spiegelung. */ [dir="rtl"] .me-1 { margin-right: 0 !important; margin-left: .25rem !important; } [dir="rtl"] .me-2 { margin-right: 0 !important; margin-left: .5rem !important; } [dir="rtl"] .me-3 { margin-right: 0 !important; margin-left: 1rem !important; } [dir="rtl"] .me-4 { margin-right: 0 !important; margin-left: 1.5rem !important; } [dir="rtl"] .ms-1 { margin-left: 0 !important; margin-right: .25rem !important; } [dir="rtl"] .ms-2 { margin-left: 0 !important; margin-right: .5rem !important; } [dir="rtl"] .ms-3 { margin-left: 0 !important; margin-right: 1rem !important; } [dir="rtl"] .ms-auto { margin-left: 0 !important; margin-right: auto !important; } [dir="rtl"] .text-start { text-align: right !important; } [dir="rtl"] .text-end { text-align: left !important; } /* Marke in der Kopfzeile: Logo steht jetzt rechts, der Name rückt nach links. */ [dir="rtl"] .marke-name { margin-left: 0; margin-right: .6rem; } /* Die schwebende Sprachwahl bleibt bewusst unten RECHTS stehen, auch auf Arabisch (.sprachwahl setzt "right" fest, nicht "left" oder "inset-inline- end" — dreht sich also gar nicht erst mit): Sie ist ein globaler Schalter, kein Seiteninhalt, und soll immer an derselben Ecke wiederzufinden sein, egal welche Sprache gerade läuft. */ /* Symbol-Text-Zeilen (Knöpfe, Listenpunkte): Reihenfolge im Fluss bleibt wie im Quelltext, aber der Text zeigt jetzt nach rechts aussen. */ [dir="rtl"] .zeitknopf, [dir="rtl"] .btn { text-align: center; }