EGYADMIN commited on
Commit
50b4605
·
verified ·
1 Parent(s): 3694780

Update static/css/rtl-fixes.css

Browse files
Files changed (1) hide show
  1. static/css/rtl-fixes.css +66 -57
static/css/rtl-fixes.css CHANGED
@@ -1,57 +1,66 @@
1
- /* تصحيحات RTL للتوافق مع streamlit */
2
-
3
- /* تصحيحات عامة */
4
- .stApp {
5
- direction: rtl;
6
- text-align: right;
7
- }
8
-
9
- /* تصحيحات القوائم */
10
- .st-emotion-cache-r421ms.e1f1d6gn0 {
11
- padding-right: 0;
12
- padding-left: 1em;
13
- }
14
-
15
- /* تصحيحات العناوين */
16
- h1, h2, h3, h4, h5, h6, .st-ae, .st-af, .st-ag, .st-ah, .st-ai, .st-aj {
17
- text-align: right;
18
- }
19
-
20
- /* تصحيحات الجداول */
21
- .stDataFrame {
22
- direction: rtl;
23
- }
24
-
25
- .stDataFrame .dataframe {
26
- text-align: right;
27
- }
28
-
29
- /* تصحيحات الأزرار */
30
- .stButton button {
31
- margin-right: 0;
32
- margin-left: 0.5em;
33
- }
34
-
35
- /* تصحيحات شريط التمرير */
36
- .stSlider div[data-baseweb="slider"] {
37
- direction: ltr;
38
- }
39
-
40
- /* تصحيحات الاختيار المتعدد */
41
- .stMultiSelect [data-baseweb="tag"] {
42
- margin-right: 0;
43
- margin-left: 0.5em;
44
- }
45
-
46
- /* تصحيحات الأعمدة */
47
- .row-widget.stRadio > div {
48
- flex-direction: row-reverse;
49
- }
50
-
51
- .row-widget.stCheckbox > div {
52
- flex-direction: row-reverse;
53
- }
54
-
55
- /* تصحيحات مربع النص */
56
- .stTextInput input {
57
- text-
 
 
 
 
 
 
 
 
 
 
1
+ /* إصلاحات لدعم اللغة العربية والعرض من اليمين إلى اليسار */
2
+
3
+ /* نقل الشريط الجانبي من اليسار إلى اليمين */
4
+ [data-testid="stSidebar"] {
5
+ right: 0;
6
+ left: unset !important;
7
+ }
8
+
9
+ section[data-testid="stSidebarContent"] {
10
+ direction: rtl !important;
11
+ text-align: right !important;
12
+ }
13
+
14
+ /* تعديل الاتجاه للمحتوى الرئيسي */
15
+ .main .block-container {
16
+ direction: rtl;
17
+ text-align: right;
18
+ margin-left: 0;
19
+ margin-right: 21rem;
20
+ max-width: calc(100% - 21rem);
21
+ }
22
+
23
+ @media (max-width: 768px) {
24
+ .main .block-container {
25
+ margin-right: 0;
26
+ max-width: 100%;
27
+ }
28
+ }
29
+
30
+ /* تصحيح اتجاه النصوص والعناصر */
31
+ .streamlit-expanderHeader,
32
+ .stRadio > div,
33
+ .stCheckbox > div,
34
+ .stSelectbox > div,
35
+ .stTextInput > div {
36
+ direction: rtl;
37
+ text-align: right;
38
+ }
39
+
40
+ /* تعديل قائمة الخيارات في streamlit_option_menu */
41
+ .nav-link {
42
+ text-align: right !important;
43
+ }
44
+
45
+ /* تحسين ظهور الجداول */
46
+ [data-testid="stTable"] {
47
+ direction: rtl;
48
+ }
49
+
50
+ /* تصحيح أزرار الأرقام والتواريخ */
51
+ .stNumberInput [data-baseweb="input"],
52
+ .stDateInput [data-baseweb="input"] {
53
+ direction: ltr;
54
+ }
55
+
56
+ /* جعل عناصر الملاحظات والخانات النصية تدعم العربية */
57
+ [data-testid="stMarkdown"], textarea {
58
+ direction: rtl;
59
+ text-align: right;
60
+ }
61
+
62
+ /* تحسين ظهور قوائم الاختيار */
63
+ .stMultiSelect div:first-child,
64
+ .stSelectbox div:first-child {
65
+ text-align: right;
66
+ }