kate522/wordpress-theme-aksrt
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(user-home): add reference tab loading skeletons

Browse Source
This commit is contained in:
kate522
2026-10-04 19:40:24 +08:00
parent 4c6b02a6b9
commit 5a17b399a0
7 changed files with 166 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/css/routes/user-home.css
+62
View File
@@ -516,6 +516,53 @@
text-align: center;
}
.aksrt-user-home .dashboard-panel .uh-follow__list--placeholder {
display: none;
}
.aksrt-user-home .dashboard-panel.is-loading .uh-follow__list--placeholder {
display: block;
}
.aksrt-user-home .dashboard-panel.is-loading .uh-follow__subtabs,
.aksrt-user-home .dashboard-panel.is-loading .uh-follow__list:not(.uh-follow__list--placeholder),
.aksrt-user-home .dashboard-panel.is-loading .uh-pagination,
.aksrt-user-home .dashboard-panel.is-loading .profile-empty {
display: none;
}
.aksrt-user-home .dashboard-panel.is-load-error .uh-follow__list--placeholder {
display: block;
}
.aksrt-user-home .uh-panel-load-error {
display: none;
margin: 12px 0;
color: var(--color-ink-4);
font-size: 13px;
text-align: center;
grid-column: 1 / -1;
}
.aksrt-user-home .dashboard-panel.is-load-error .uh-panel-load-error {
display: block;
}
.aksrt-user-home .uh-panel-load-error button {
margin-left: 8px;
padding: 0;
border: 0;
color: var(--color-primary);
background: transparent;
font: inherit;
cursor: pointer;
}
.aksrt-user-home .uh-follow__placeholder {
display: inline-flex;
margin: 5px 8px;
}
.aksrt-user-home .uh-follow__pagination {
margin-top: 16px;
text-align: center;
@@ -608,6 +655,21 @@
animation: aksrtFadeIn 0.2s ease both;
}
.aksrt-user-home .dashboard-panel.is-load-error .post_ajax_loader {
display: block;
}
.aksrt-user-home .dashboard-panel.is-load-error .aksrt-user-home__post-list[data-view="list"] > .post_ajax_loader {
display: grid;
gap: 16px;
grid-template-columns: repeat(2, minmax(0, 1fr));
align-items: start;
}
.aksrt-user-home .dashboard-panel.is-load-error .placeholder {
animation: none;
}
@media (prefers-reduced-motion: reduce) {
.aksrt-user-home .dashboard-panel .post_ajax_loader .placeholder {
animation: none;