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

refactor(modal): remove legacy compatibility paths

Browse Source 
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
kate522
2026-08-05 00:06:37 +08:00
co-authored by Claude Fable 5
parent bdfe3a461d
commit 34150f3358
18 changed files with 188 additions and 380 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/css/frontend/remote-modal.css → assets/css/frontend/modal-runtime.css
+37 -38
View File
@@ -1,17 +1,17 @@
/**
* Remote modal + ajax list primitives (shared).
* Modal runtime + ajax list primitives (shared).
*
* @package AKSRT
*/
/* ---- scroll lock ---- */
html.aksrt-remote-modal-open,
body.aksrt-remote-modal-open {
html.aksrt-modal-runtime-open,
body.aksrt-modal-runtime-open {
overflow: hidden;
}
/* ---- remote modal shell ---- */
.aksrt-remote-modal {
/* ---- modal runtime shell ---- */
.aksrt-modal-runtime {
position: fixed;
inset: 0;
z-index: 100050;
@@ -24,20 +24,20 @@ body.aksrt-remote-modal-open {
pointer-events: none;
}
.aksrt-remote-modal.is-open {
.aksrt-modal-runtime.is-open {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.aksrt-remote-modal__overlay {
.aksrt-modal-runtime__overlay {
position: absolute;
inset: 0;
background: rgba(15, 18, 28, 0.48);
backdrop-filter: blur(2px);
}
.aksrt-remote-modal__dialog {
.aksrt-modal-runtime__dialog {
position: relative;
z-index: 1;
width: min(440px, calc(100vw - 32px));
@@ -51,15 +51,15 @@ body.aksrt-remote-modal-open {
color: var(--color-ink, #1f2937);
}
.aksrt-remote-modal.is-open .aksrt-remote-modal__dialog {
.aksrt-modal-runtime.is-open .aksrt-modal-runtime__dialog {
transform: translateY(0) scale(1);
}
.aksrt-remote-modal--bottom {
.aksrt-modal-runtime--bottom {
align-items: flex-end;
}
.aksrt-remote-modal--bottom .aksrt-remote-modal__dialog {
.aksrt-modal-runtime--bottom .aksrt-modal-runtime__dialog {
width: 100%;
max-width: 100%;
border-radius: 16px 16px 0 0;
@@ -67,11 +67,11 @@ body.aksrt-remote-modal-open {
transform: translateY(24px);
}
.aksrt-remote-modal--bottom.is-open .aksrt-remote-modal__dialog {
.aksrt-modal-runtime--bottom.is-open .aksrt-modal-runtime__dialog {
transform: translateY(0);
}
.aksrt-remote-modal__header {
.aksrt-modal-runtime__header {
display: flex;
align-items: center;
justify-content: space-between;
@@ -79,32 +79,32 @@ body.aksrt-remote-modal-open {
padding: 16px 18px 0;
}
.aksrt-remote-modal__title {
.aksrt-modal-runtime__title {
margin: 0;
font-size: 17px;
line-height: 1.35;
}
.aksrt-remote-modal__content {
.aksrt-modal-runtime__content {
padding: 18px 18px 16px;
}
.aksrt-remote-modal__loading,
.aksrt-remote-modal__error-body {
.aksrt-modal-runtime__loading,
.aksrt-modal-runtime__error-body {
padding: 28px 8px;
text-align: center;
color: var(--color-ink-2, #6b7280);
font-size: 14px;
}
.aksrt-remote-modal__skeleton {
.aksrt-modal-runtime__skeleton {
display: grid;
gap: 12px;
padding: 8px 2px;
}
.aksrt-remote-modal__skeleton-line,
.aksrt-remote-modal__skeleton-block {
.aksrt-modal-runtime__skeleton-line,
.aksrt-modal-runtime__skeleton-block {
display: block;
border-radius: 8px;
background: linear-gradient(90deg, rgba(148, 163, 184, 0.16), rgba(148, 163, 184, 0.3), rgba(148, 163, 184, 0.16));
@@ -112,26 +112,26 @@ body.aksrt-remote-modal-open {
animation: aksrt-modal-skeleton 1.2s ease-in-out infinite;
}
.aksrt-remote-modal__skeleton-line {
.aksrt-modal-runtime__skeleton-line {
width: 72%;
height: 12px;
}
.aksrt-remote-modal__skeleton-line.is-wide {
.aksrt-modal-runtime__skeleton-line.is-wide {
width: 92%;
height: 18px;
}
.aksrt-remote-modal__skeleton-line.is-short {
.aksrt-modal-runtime__skeleton-line.is-short {
width: 44%;
}
.aksrt-remote-modal__skeleton-block {
.aksrt-modal-runtime__skeleton-block {
width: 100%;
min-height: 84px;
}
.aksrt-remote-modal__retry {
.aksrt-modal-runtime__retry {
cursor: pointer;
}
@@ -140,8 +140,8 @@ body.aksrt-remote-modal-open {
100% { background-position: -100% 0; }
}
.aksrt-remote-modal .touch.border-title,
.aksrt-remote-modal .border-title {
.aksrt-modal-runtime .touch.border-title,
.aksrt-modal-runtime .border-title {
font-size: 16px;
font-weight: 700;
margin: 0 0 14px;
@@ -151,8 +151,7 @@ body.aksrt-remote-modal-open {
gap: 6px;
}
.aksrt-remote-modal .abs-close,
.aksrt-remote-modal .aksrt-remote-modal__close {
.aksrt-modal-runtime .aksrt-modal-runtime__close {
position: absolute;
top: 10px;
right: 10px;
@@ -167,17 +166,17 @@ body.aksrt-remote-modal-open {
line-height: 1;
}
.aksrt-remote-modal .but-average.modal-buts,
.aksrt-remote-modal .modal-buts {
.aksrt-modal-runtime .but-average.modal-buts,
.aksrt-modal-runtime .modal-buts {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 10px;
margin-top: 16px;
}
.aksrt-remote-modal .but-average.modal-buts .but,
.aksrt-remote-modal .modal-buts .but,
.aksrt-remote-modal .modal-buts button {
.aksrt-modal-runtime .but-average.modal-buts .but,
.aksrt-modal-runtime .modal-buts .but,
.aksrt-modal-runtime .modal-buts button {
min-height: 40px;
border-radius: 10px;
border: 1px solid var(--color-line, #e5e7eb);
@@ -187,9 +186,9 @@ body.aksrt-remote-modal-open {
cursor: pointer;
}
.aksrt-remote-modal .modal-buts .but.c-blue,
.aksrt-remote-modal .modal-buts button.c-blue,
.aksrt-remote-modal .modal-buts .btn-primary {
.aksrt-modal-runtime .modal-buts .but.c-blue,
.aksrt-modal-runtime .modal-buts button.c-blue,
.aksrt-modal-runtime .modal-buts .btn-primary {
background: var(--color-primary, #f04494);
border-color: color-mix(in srgb, var(--color-primary, #f04494) 70%, #000 0%);
color: var(--color-on-primary, #fff);
@@ -351,7 +350,7 @@ body.aksrt-remote-modal-open {
}
@media (max-width: 768px) {
.aksrt-remote-modal:not(.aksrt-remote-modal--bottom) .aksrt-remote-modal__dialog {
.aksrt-modal-runtime:not(.aksrt-modal-runtime--bottom) .aksrt-modal-runtime__dialog {
width: calc(100vw - 20px);
}
}
assets/css/frontend/vip-modal.css
+9 -29
View File
@@ -2,26 +2,7 @@
* VIP pay modal + hover cards (zibll payvip-modal / vip-card).
*/
.aksrt-vip-modal-open {
overflow: hidden;
}
.aksrt-vip-modal-overlay {
position: fixed;
inset: 0;
z-index: 1200;
display: none;
align-items: center;
justify-content: center;
padding: 16px;
background: rgba(0, 0, 0, 0.5);
}
.aksrt-vip-modal-overlay.is-open {
display: flex;
}
.aksrt-vip-modal-dialog {
.aksrt-vip-modal-panel {
width: min(560px, 100%);
max-height: min(90vh, 760px);
overflow: auto;
@@ -31,11 +12,11 @@
}
/* VIP now uses the shared modal runtime host. */
.aksrt-remote-modal.aksrt-vip-modal-shell {
.aksrt-modal-runtime.aksrt-vip-modal-shell {
z-index: 1200;
}
.aksrt-remote-modal.aksrt-vip-modal-shell .aksrt-remote-modal__dialog {
.aksrt-modal-runtime.aksrt-vip-modal-shell .aksrt-modal-runtime__dialog {
width: min(560px, 100%);
max-height: min(90vh, 760px);
background: var(--main-bg-color, #fff);
@@ -43,7 +24,7 @@
box-shadow: 0 16px 48px rgba(0, 0, 0, 0.22);
}
.aksrt-remote-modal.aksrt-vip-modal-shell .aksrt-remote-modal__content {
.aksrt-modal-runtime.aksrt-vip-modal-shell .aksrt-modal-runtime__content {
padding: 0;
}
@@ -52,8 +33,7 @@
padding: 18px 16px 16px;
}
.payvip-modal .close,
.aksrt-vip-modal-close {
.aksrt-modal-close {
position: absolute;
top: 8px;
right: 12px;
@@ -121,7 +101,7 @@
/* Modal-only equity (admin HTML; no forced bullets) */
.payvip-modal .v-equity,
.aksrt-vip-modal-dialog .v-equity {
.aksrt-vip-modal-panel .v-equity {
display: block;
list-style: none;
margin: 8px 0 0;
@@ -130,7 +110,7 @@
line-height: 1.6;
}
.payvip-modal .v-equity > li,
.aksrt-vip-modal-dialog .v-equity > li {
.aksrt-vip-modal-panel .v-equity > li {
display: block;
margin: 0 0 6px;
padding: 0;
@@ -138,8 +118,8 @@
}
.payvip-modal .v-equity > li::before,
.payvip-modal .v-equity > li::after,
.aksrt-vip-modal-dialog .v-equity > li::before,
.aksrt-vip-modal-dialog .v-equity > li::after {
.aksrt-vip-modal-panel .v-equity > li::before,
.aksrt-vip-modal-panel .v-equity > li::after {
content: none !important;
display: none !important;
}
assets/css/frontend/widget-batch3f.css
+1 -1
View File
@@ -166,7 +166,7 @@
font-size: 16px;
margin-bottom: 14px;
}
.aksrt-checkin-modal__head .aksrt-remote-modal__close {
.aksrt-checkin-modal__head .aksrt-modal-runtime__close {
margin-left: auto;
border: 0;
background: transparent;