fix: 修复文章加载动画时其他文章卡片未隐藏的问题
- 为.post-preview.post-pjax-loading添加z-index提升层级 - 为.post-list-pjax-loading .post-preview添加过渡动画 - 添加更高优先级的选择器确保被点击的卡片保持可见 - 为说说预览容器添加过渡动画效果
This commit is contained in:
14
style.css
14
style.css
@@ -3873,17 +3873,19 @@ html.filter-grayscale {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.post-preview.post-pjax-loading {
|
.post-preview.post-pjax-loading {
|
||||||
|
|
||||||
opacity: 1 !important;
|
opacity: 1 !important;
|
||||||
|
z-index: 10;
|
||||||
}
|
}
|
||||||
|
|
||||||
.post-list-pjax-loading .post-preview {
|
.post-list-pjax-loading .post-preview {
|
||||||
|
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
|
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
|
transition: opacity 0.3s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.post-list-pjax-loading .post-preview.post-pjax-loading {
|
||||||
|
opacity: 1 !important;
|
||||||
|
pointer-events: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.post-title {
|
.post-title {
|
||||||
@@ -8936,11 +8938,9 @@ html[lang] {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.post-list-pjax-loading .shuoshuo-preview-container {
|
.post-list-pjax-loading .shuoshuo-preview-container {
|
||||||
|
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
|
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
|
transition: opacity 0.3s ease;
|
||||||
}
|
}
|
||||||
|
|
||||||
.shuoshuo-content.shuoshuo-folded {
|
.shuoshuo-content.shuoshuo-folded {
|
||||||
|
|||||||
Reference in New Issue
Block a user