fix problem hover
This commit is contained in:
@@ -120,3 +120,35 @@ div.stf__item.page,
|
||||
.flipbook-container .page {
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
/* جلوگیری از نمایش محتوای صفحات غیرفعال هنگام هاور */
|
||||
.flipbook-container .stf__item {
|
||||
overflow: hidden !important;
|
||||
isolation: isolate;
|
||||
contain: layout style paint;
|
||||
}
|
||||
|
||||
/* اطمینان از overflow hidden برای محتوای صفحات */
|
||||
.flipbook-container .stf__item .page {
|
||||
overflow: hidden !important;
|
||||
position: relative;
|
||||
isolation: isolate;
|
||||
}
|
||||
|
||||
/* مخفی کردن محتوای صفحات غیرفعال - فقط صفحه فعلی قابل تعامل است */
|
||||
.flipbook-container .stf__wrapper {
|
||||
overflow: hidden;
|
||||
isolation: isolate;
|
||||
}
|
||||
|
||||
/* جلوگیری از نمایش محتوای صفحات پشت صفحه فعلی */
|
||||
.flipbook-container .stf__item {
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
/* فعال کردن pointer events فقط برای صفحه فعلی */
|
||||
.flipbook-container .stf__item.stf__item--active,
|
||||
.flipbook-container .stf__item:hover {
|
||||
pointer-events: auto;
|
||||
z-index: 100;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user