Update app.py

app.py

@@ -771,21 +771,63 @@ def create_likert_question(question, key, scale_type="5point"):
         """,
         unsafe_allow_html=True
     )
-    st.components.v1.html(f"""
-    <script>
-    (function() {{
-        const slider = parent.document.querySelector('[data-testid="stSlider"] [aria-valuenow="{value}"]');
-        if(slider) {{
-            slider.parentElement.style.background = `repeating-linear-gradient(
-                to right,
-                #6a0dad, #6a0dad 2px,
-                transparent 2px, transparent calc(100%/{max_value-1} - 1px),
-                #6a0dad calc(100%/{max_value-1}), #6a0dad calc(100%/{max_value-1} + 1px)
-            )`;
-        }}
-    }})();
-    </script>
-    """, height=0)
+
+    st.markdown("""
+    <style>
+        /* پایه‌ای ترین تنظیمات جهت */
+        * {
+            direction: rtl !important;
+            text-align: right !important;
+            font-family: 'B Nazanin' !important;
+        }
+        
+        /* تنظیمات کلی صفحه */
+        .stApp {
+            text-align: right !important;
+            direction: rtl !important;
+        }
+        
+        /* اصلاح دکمه‌ها */
+        .stButton>button {
+            margin-right: auto !important;
+            margin-left: 0 !important;
+            display: block !important;
+        }
+        
+        /* اسلایدرها */
+        div[data-testid="stSlider"] {
+            direction: ltr !important; /* اسلایدرها باید LTR باشند */
+        }
+        
+        /* لیبل‌ها */
+        .stSlider>label, .stRadio>label, .stSelectbox>label {
+            text-align: right !important;
+            right: 0 !important;
+            left: auto !important;
+        }
+        
+        /* محتوای کشویی */
+        .st-b7, .st-b8, .st-b9 {
+            text-align: right !important;
+        }
+        
+        /* جلوگیری از پرت شدن المان‌ها */
+        div[data-testid="stVerticalBlock"] {
+            padding-right: 1rem !important;
+            padding-left: 1rem !important;
+        }
+        
+        /* اسکرول افقی */
+        html {
+            overflow-x: hidden !important;
+        }
+        body {
+            position: relative !important;
+            right: 0 !important;
+            transition: right 0.3s !important;
+        }
+    </style>
+    """, unsafe_allow_html=True)
     
     return value