Jan2000 commited on
Commit
5dab501
·
unverified ·
1 Parent(s): 454901c

Update style.css

Browse files
Files changed (1) hide show
  1. static/css/style.css +32 -8
static/css/style.css CHANGED
@@ -102,30 +102,54 @@ body { font-family: 'Vazirmatn', 'Inter', sans-serif; -webkit-tap-highlight-colo
102
  transform: translateY(-50%) translateX(-4px);
103
  }
104
 
105
- /* === اصلاح مشکل منوی سه نقطه و لیست‌ها === */
106
- .history-item-button { opacity: 1; }
107
 
108
- /* حذف نقطه‌های لیست تاریخچه */
 
 
 
 
 
 
 
 
 
 
 
 
 
109
  #history-list, #history-list li {
110
  list-style-type: none !important;
111
  padding: 0;
112
  margin: 0;
113
  }
114
 
115
- /* تنظیم z-index برای نمایش روی سایدبار */
116
  #history-item-menu {
117
- position: fixed; /* اطمینان از پوزیشن */
118
- z-index: 9999 !important; /* لایه بسیار بالاتر از سایدبار */
 
119
  transform-origin: top right;
120
  transform: scale(0.95);
121
  opacity: 0;
122
- pointer-events: none;
123
- transition: transform 150ms ease-out, opacity 150ms ease-out;
 
 
 
124
  }
 
 
 
 
 
 
125
  #history-item-menu.visible {
126
  transform: scale(1);
127
  opacity: 1;
 
128
  pointer-events: auto;
 
129
  }
130
 
131
  #message-item-menu { transition: opacity 200ms ease-in-out; }
 
102
  transform: translateY(-50%) translateX(-4px);
103
  }
104
 
105
+ /* === بخش اصلاح شده برای دکمه سه نقطه و منو === */
 
106
 
107
+ /* 1. اطمینان از کلیک‌خور بودن دکمه سه نقطه */
108
+ .history-item-button {
109
+ opacity: 1;
110
+ position: relative; /* برای کار کردن z-index */
111
+ z-index: 50; /* بالاتر از متن آیتم */
112
+ cursor: pointer;
113
+ padding: 8px; /* فضای کلیک بیشتر */
114
+ margin: -8px; /* جبران فضای اضافه شده */
115
+ display: flex;
116
+ align-items: center;
117
+ justify-content: center;
118
+ }
119
+
120
+ /* 2. حذف استایل‌های مزاحم لیست */
121
  #history-list, #history-list li {
122
  list-style-type: none !important;
123
  padding: 0;
124
  margin: 0;
125
  }
126
 
127
+ /* 3. تنظیمات جدید و قدرتمند برای منوی بازشونده */
128
  #history-item-menu {
129
+ position: fixed !important; /* حتما fixed باشد */
130
+ top: 0; left: 0; /* پیش‌فرض */
131
+ z-index: 2147483647 !important; /* بالاترین لایه ممکن در مرورگر */
132
  transform-origin: top right;
133
  transform: scale(0.95);
134
  opacity: 0;
135
+ visibility: hidden; /* مخفی کردن کامل */
136
+ transition: transform 150ms ease-out, opacity 150ms ease-out, visibility 0s linear 150ms; /* تاخیر در visibility هنگام بسته شدن */
137
+ background-color: white;
138
+ border-radius: 0.75rem;
139
+ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
140
  }
141
+ .dark #history-item-menu {
142
+ background-color: #1f2937;
143
+ border: 1px solid #374151;
144
+ }
145
+
146
+ /* کلاس نمایش منو */
147
  #history-item-menu.visible {
148
  transform: scale(1);
149
  opacity: 1;
150
+ visibility: visible !important; /* نمایش فوری */
151
  pointer-events: auto;
152
+ transition: transform 150ms ease-out, opacity 150ms ease-out, visibility 0s; /* بدون تاخیر هنگام باز شدن */
153
  }
154
 
155
  #message-item-menu { transition: opacity 200ms ease-in-out; }