Update app.py

app.py

@@ -739,7 +739,7 @@ h3 {
 
 # ========== توابع اصلی ==========
 def enhanced_likert_scale(question_data):
-    """لیکرت اسکیل با استایل‌های بهینه‌شده در HTML"""
+    """لیکرت اسکیل با استایل HTML و منطق Streamlit"""
     question = question_data["question"]
     key = question_data["key"]
     scale = question_data["scale"]
@@ -749,116 +749,58 @@ def enhanced_likert_scale(question_data):
     if key not in st.session_state:
         st.session_state[key] = None
     
-    # استایل‌دهی با HTML و CSS
-    html_styles = f"""
+    # استایل‌دهی با HTML - غیرفعال کردن استایل‌های پیش‌فرض دکمه‌ها
+    st.markdown(f"""
     <style>
-        .likert-container {{
-            direction: rtl;
-            margin-bottom: 25px;
-        }}
-        .likert-question {{
-            font-family: 'B Nazanin';
-            font-size: 18px;
-            font-weight: bold;
-            text-align: center;
-            margin-bottom: 15px;
-            color: #333;
-        }}
-        .likert-labels {{
-            display: flex;
-            justify-content: space-between;
-            margin-bottom: 8px;
-            font-family: 'B Nazanin';
-            font-size: 14px;
-            color: #555;
-        }}
-        .likert-buttons {{
-            display: flex;
-            justify-content: center;
-            gap: 5px;
-            margin-bottom: 10px;
-        }}
-        .likert-btn {{
-            width: 42px;
-            height: 42px;
-            border-radius: 50%;
-            border: 2px solid #6a0dad;
-            background: white;
-            color: #6a0dad;
-            font-family: 'B Nazanin';
-            font-weight: bold;
-            font-size: 16px;
-            display: flex;
-            align-items: center;
-            justify-content: center;
+        /* غیرفعال کردن استایل‌های پیش‌فرض دکمه‌های streamlit */
+        .stButton>button {{
+            all: unset;
+            background: none;
+            border: none;
+            padding: 0;
+            margin: 0;
+            font: inherit;
+            color: inherit;
             cursor: pointer;
-            transition: all 0.3s ease;
-            margin: 0 2px;
         }}
-        .likert-btn:hover {{
-            background: #f0e6ff;
-            transform: scale(1.05);
-        }}
-        .likert-btn.selected {{
-            background: #6a0dad;
-            color: white;
-            box-shadow: 0 0 10px rgba(106,13,173,0.5);
+        
+        /* غیرفعال کردن افکت‌های hover و active پیش‌فرض */
+        .stButton>button:hover, 
+        .stButton>button:active {{
+            background: none !important;
+            border: none !important;
+            box-shadow: none !important;
         }}
-        .likert-selected-value {{
-            text-align: center;
-            font-family: 'B Nazanin';
-            font-size: 16px;
-            color: #6a0dad;
-            font-weight: bold;
-            margin-top: 10px;
-            padding: 8px;
-            background: #f8f0ff;
-            border-radius: 8px;
-            display: inline-block;
-            min-width: 200px;
+        
+        /* مخفی کردن label دکمه‌ها */
+        .stButton>button>div>p {{
+            display: none;
         }}
     </style>
-    """
-    components.html(html_styles, height=0)  # رندر استایل‌ها بدون ارتفاع
+    """, unsafe_allow_html=True)
     
     # نمایش سوال
-    st.markdown(f"""
-    <div class="likert-container">
-        <div class="likert-question">{question}</div>
-    </div>
-    """, unsafe_allow_html=True)
+    st.markdown(f"**{question}**")
     
     # نمایش برچسب‌ها
-    label_cols = st.columns([1, scale-2, 1])
-    with label_cols[0]:
-        st.markdown(f"<div class='likert-labels' style='text-align:right;'>{labels[1]}</div>", unsafe_allow_html=True)
-    with label_cols[-1]:
-        st.markdown(f"<div class='likert-labels' style='text-align:left;'>{labels[0]}</div>", unsafe_allow_html=True)
+    col1, col2 = st.columns(2)
+    with col1:
+        st.markdown(f"<div style='text-align:right'>{labels[0]}</div>", unsafe_allow_html=True)
+    with col2:
+        st.markdown(f"<div style='text-align:left'>{labels[1]}</div>", unsafe_allow_html=True)
     
-    # ایجاد دکمه‌های گرد (7 تا 1 از راست به چپ)
+    # ایجاد دکمه‌ها با استفاده از st.columns
     btn_cols = st.columns(scale)
     for i in range(scale):
         with btn_cols[i]:
-            value = scale - i  # مقدار از 7 به 1
+            value = scale - i  # 7 تا 1
             is_selected = st.session_state.get(key) == value
-            btn_type = "primary" if is_selected else "secondary"
-            
-            # استفاده از HTML برای دکمه‌ها به جای استایل مستقیم Streamlit
-            st.markdown(f"""
-            <div class="likert-buttons">
-                <button class="likert-btn {'selected' if is_selected else ''}"
-                        onclick="this.form.submit()"
-                        {'disabled' if is_selected else ''}>
-                </button>
-            </div>
-            """, unsafe_allow_html=True)
             
+            # نمایش دکمه‌های ساده بدون استایل
             if st.button(
-                str(value),
+                "•" if is_selected else "○",
                 key=f"{key}_btn_{value}",
-                type=btn_type,
-                on_click=lambda v=value: st.session_state.update({key: v}),
-                help=str(value)  # برای دسترسی آسان‌تر
+                on_click=lambda v=value: st.session_state.update({key: v})
             ):
                 st.session_state[key] = value
                 st.rerun()