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

feat(checkin): open reference-parity details modal from signed buttons

Browse Source 
- Rebuild checkin details modal HTML 1:1 with reference theme:
  colorful header c-blue, user card (points/level), daily reward
  card and 7-day continuous mini cards
- Signed entry buttons (header dropdown, user-card badge, user
  center) become clickable checkin-details-link modal triggers
  instead of disabled buttons
- Swap data-signin-btn to details link in place after successful
  signin (reference .initiate-checkin replacement behavior)
- Add aksrt-checkin-details-modal runtime shell (modal-mini 400px)
- Remove dead code: legacy lite modal, admin-ajax details handler,
  /signin/history route, signin calendar; rebuild public bundles
- Update contract tests to the new checkin modal contract
This commit is contained in:
kate522
2026-09-19 14:49:58 +08:00
parent c289016324
commit 4653128a18
15 changed files with 211 additions and 266 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/css/build/public.css
+19 -39
View File
@@ -3046,10 +3046,8 @@ main.container,
}
/* 已签到态对齐参考主题：保留原配色（参考主题签到后仍为同一彩色按钮），
* 仅禁用指针交互；此前的灰底灰字覆盖是与参考主题的偏差。 */
.aksrt-header-checkin.is-done,
* 且按钮可点击（打开签到详情弹窗）；仅请求进行中的禁用态降不透明度。 */
.aksrt-header-checkin:disabled,
.aksrt-header-checkin.is-done:hover,
.aksrt-header-checkin:disabled:hover {
cursor: default;
opacity: .85;
@@ -6269,42 +6267,7 @@ body.aksrt-body-scroll .aksrt-show-on-scroll {
}
/* ============================================================
* 18. 签到日历可视化
* ============================================================ */
.aksrt-signin-calendar__grid {
display: grid;
grid-template-columns: repeat(7, 1fr);
gap: 4px;
}
.aksrt-signin-calendar__day {
aspect-ratio: 1;
display: flex;
align-items: center;
justify-content: center;
border-radius: 6px;
background: var(--surface-2, #F4F5F7);
font-size: 12px;
color: var(--color-ink-3);
transition: all 0.2s;
}
.aksrt-signin-calendar__day.is-signed {
background: var(--color-success, #10B981);
color: #fff;
}
.aksrt-signin-calendar__day.is-today {
border: 2px solid var(--color-primary, var(--color-primary));
}
.aksrt-signin-calendar__day.is-signed.is-today {
background: var(--color-primary, var(--color-primary));
border-color: var(--color-primary, var(--color-primary));
}
/* ============================================================
* 19. VIP 等级标识
* 18. VIP 等级标识
* ============================================================ */
.aksrt-vip-badge {
display: inline-flex;
@@ -7180,6 +7143,23 @@ body.aksrt-modal-runtime-open {
color: var(--color-on-primary, #fff);
}
/* ---- 签到详情弹窗（参考主题 refresh_modal modal-mini 同构壳） ----
内容为服务端 HTML（modal-colorful-header + modal-body），与参考主题
.modal-dialog.modal-mini 几何 1:1：宽 400px、圆角 var(--main-radius)。 */
.aksrt-modal-runtime.aksrt-checkin-details-modal:not(.aksrt-modal-runtime--bottom) .aksrt-modal-runtime__dialog {
width: min(400px, calc(100vw - 32px));
border-radius: var(--main-radius, 8px);
background: var(--main-bg-color, #fff);
}
.aksrt-modal-runtime.aksrt-checkin-details-modal .aksrt-modal-runtime__content {
padding: 0;
}
.aksrt-modal-runtime.aksrt-checkin-details-modal .aksrt-modal-runtime__skeleton {
padding: 24px 18px;
}
/* ---- ajax list ---- */
.ajaxpager.is-ajax-loading {
position: relative;
assets/css/build/public.min.css
Vendored
+1 -1
View File
File diff suppressed because one or more lines are too long
assets/css/frontend/enhancements/components/custom-amount.css
+1 -36
View File
@@ -356,42 +356,7 @@
}
/* ============================================================
* 18. 签到日历可视化
* ============================================================ */
.aksrt-signin-calendar__grid {
display: grid;
grid-template-columns: repeat(7, 1fr);
gap: 4px;
}
.aksrt-signin-calendar__day {
aspect-ratio: 1;
display: flex;
align-items: center;
justify-content: center;
border-radius: 6px;
background: var(--surface-2, #F4F5F7);
font-size: 12px;
color: var(--color-ink-3);
transition: all 0.2s;
}
.aksrt-signin-calendar__day.is-signed {
background: var(--color-success, #10B981);
color: #fff;
}
.aksrt-signin-calendar__day.is-today {
border: 2px solid var(--color-primary, var(--color-primary));
}
.aksrt-signin-calendar__day.is-signed.is-today {
background: var(--color-primary, var(--color-primary));
border-color: var(--color-primary, var(--color-primary));
}
/* ============================================================
* 19. VIP 等级标识
* 18. VIP 等级标识
* ============================================================ */
.aksrt-vip-badge {
display: inline-flex;
assets/css/frontend/header-userbox.css
+1 -3
View File
@@ -327,10 +327,8 @@
}
/* 已签到态对齐参考主题：保留原配色（参考主题签到后仍为同一彩色按钮），
* 仅禁用指针交互；此前的灰底灰字覆盖是与参考主题的偏差。 */
.aksrt-header-checkin.is-done,
* 且按钮可点击（打开签到详情弹窗）；仅请求进行中的禁用态降不透明度。 */
.aksrt-header-checkin:disabled,
.aksrt-header-checkin.is-done:hover,
.aksrt-header-checkin:disabled:hover {
cursor: default;
opacity: .85;
assets/css/frontend/modal-runtime.css
+17
View File
@@ -223,6 +223,23 @@ body.aksrt-modal-runtime-open {
color: var(--color-on-primary, #fff);
}
/* ---- 签到详情弹窗（参考主题 refresh_modal modal-mini 同构壳） ----
内容为服务端 HTML（modal-colorful-header + modal-body），与参考主题
.modal-dialog.modal-mini 几何 1:1：宽 400px、圆角 var(--main-radius)。 */
.aksrt-modal-runtime.aksrt-checkin-details-modal:not(.aksrt-modal-runtime--bottom) .aksrt-modal-runtime__dialog {
width: min(400px, calc(100vw - 32px));
border-radius: var(--main-radius, 8px);
background: var(--main-bg-color, #fff);
}
.aksrt-modal-runtime.aksrt-checkin-details-modal .aksrt-modal-runtime__content {
padding: 0;
}
.aksrt-modal-runtime.aksrt-checkin-details-modal .aksrt-modal-runtime__skeleton {
padding: 24px 18px;
}
/* ---- ajax list ---- */
.ajaxpager.is-ajax-loading {
position: relative;