Update style.css

static/css/style.css

@@ -1,3 +1,5 @@
+/* --- START OF FILE Chatalpha-main/static/css/style.css --- */
+
 html, body {
     height: 100%;
     overflow: hidden;
@@ -100,9 +102,31 @@ body { font-family: 'Vazirmatn', 'Inter', sans-serif; -webkit-tap-highlight-colo
     transform: translateY(-50%) translateX(-4px);
 }
 
+/* === اصلاح مشکل منوی سه نقطه و لیست‌ها === */
 .history-item-button { opacity: 1; }
-#history-item-menu { transform-origin: top right; transform: scale(0.95); opacity: 0; pointer-events: none; transition: transform 150ms ease-out, opacity 150ms ease-out; }
-#history-item-menu.visible { transform: scale(1); opacity: 1; pointer-events: auto; }
+
+/* حذف نقطه‌های لیست تاریخچه */
+#history-list, #history-list li {
+    list-style-type: none !important;
+    padding: 0;
+    margin: 0;
+}
+
+/* تنظیم z-index برای نمایش روی سایدبار */
+#history-item-menu { 
+    position: fixed; /* اطمینان از پوزیشن */
+    z-index: 9999 !important; /* لایه بسیار بالاتر از سایدبار */
+    transform-origin: top right; 
+    transform: scale(0.95); 
+    opacity: 0; 
+    pointer-events: none; 
+    transition: transform 150ms ease-out, opacity 150ms ease-out; 
+}
+#history-item-menu.visible { 
+    transform: scale(1); 
+    opacity: 1; 
+    pointer-events: auto; 
+}
 
 #message-item-menu { transition: opacity 200ms ease-in-out; }
 #message-item-menu-content { transition: all 250ms cubic-bezier(0.4, 0, 0.2, 1); transform: scale(0.95); opacity: 0; }
@@ -1442,7 +1466,7 @@ input:checked + .slider:before {
     align-items: center;
     gap: .8vmin;
     padding: .8vmin 1.2vmin;
-    border-radius: 999px;
+    border-radius: 9999px;
     font-weight: 600;
     font-size: 1.4vmin;
     background: rgba(255, 255, 255, 0.5);
@@ -1692,7 +1716,6 @@ input:checked + .slider:before {
     text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);
 }
 /* END: CSS for Thoughts Toggle Switch */
-/* ... تمام کدهای قبلی شما ... */
 
 /* START: NEW STYLES for Final Answer Wrapper */
 .final-answer-wrapper {
@@ -1703,10 +1726,7 @@ input:checked + .slider:before {
 }
 
 .final-answer-wrapper.visible {
-    /* *** START: MODIFIED - تغییر اصلی برای حذف محدودیت ارتفاع *** */
-    /* یک عدد بسیار بزرگ انتخاب می‌کنیم تا عملا نامحدود باشد اما انیمیشن حفظ شود */
     max-height: 50000px;
     opacity: 1;
-    /* *** END: MODIFIED *** */
 }
 /* END: NEW STYLES for Final Answer Wrapper */