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

fix(comments): align image upload with Zibll

Browse Source 
Unify comment image upload settings, REST permissions, preview, progress,
and response handling while removing obsolete compatibility paths.
This commit is contained in:
kate522
2026-09-04 19:52:56 +08:00
parent 129432ae45
commit 44e165d34e
14 changed files with 513 additions and 216 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/css/build/comments.css
+52 -2
View File
@@ -213,12 +213,62 @@
*
* 评论区布局样式已硬切换为自有版权（见 layout.css / mobile-item.css），
* vendor main.min.css 不再提供评论区规则。
* 本文件只放 AKSRT 特有标记的补充规则（identity chip/medal）。
* 本文件放 AKSRT 特有标记与评论图片上传的补充规则。
* 共享基础样式仍由 bundle 中更早加载的 bootstrap 3 与
* core/tokens.css 提供。
* ============================================================ */
/* 身份徽章（AKSRT 渲染于 <name> 内，对应 legacy 的认证/等级徽章位） */
#comments .comment-image-tabs .comment-image-upload {
margin: 0;
}
#comments .comment-image-upload-label {
display: block;
width: 100%;
}
#comments .comment-image-upload .preview {
width: 100%;
height: 96px;
min-height: 96px;
margin-bottom: 6px;
overflow: hidden;
border: 1px dashed var(--muted-border-color);
border-radius: var(--main-radius);
background: var(--main-shadow);
}
#comments .comment-image-upload .preview img {
display: block;
width: 100%;
height: 96px;
object-fit: cover;
}
#comments .comment-image-upload .input-expand-upload {
min-width: 88px;
}
#comments .comment-image-upload .progress {
position: static;
inset: auto;
display: block;
width: 100%;
height: 3px;
margin-top: 4px;
overflow: hidden;
border-radius: 3px;
background: rgba(255, 255, 255, 0.25);
}
#comments .comment-image-upload .progress-bar {
position: static;
inset: auto;
display: block;
height: 100%;
width: 0;
transition: width 0.2s ease;
}
#comments .comment-header .aksrt-identity-chip {
display: inline-flex;
align-items: center;
assets/css/build/comments.min.css
Vendored
+1 -1
View File
File diff suppressed because one or more lines are too long
assets/css/frontend/comments/shell.css
+52 -2
View File
@@ -3,12 +3,62 @@
*
* 评论区布局样式已硬切换为自有版权（见 layout.css / mobile-item.css），
* vendor main.min.css 不再提供评论区规则。
* 本文件只放 AKSRT 特有标记的补充规则（identity chip/medal）。
* 本文件放 AKSRT 特有标记与评论图片上传的补充规则。
* 共享基础样式仍由 bundle 中更早加载的 bootstrap 3 与
* core/tokens.css 提供。
* ============================================================ */
/* 身份徽章（AKSRT 渲染于 <name> 内，对应 legacy 的认证/等级徽章位） */
#comments .comment-image-tabs .comment-image-upload {
margin: 0;
}
#comments .comment-image-upload-label {
display: block;
width: 100%;
}
#comments .comment-image-upload .preview {
width: 100%;
height: 96px;
min-height: 96px;
margin-bottom: 6px;
overflow: hidden;
border: 1px dashed var(--muted-border-color);
border-radius: var(--main-radius);
background: var(--main-shadow);
}
#comments .comment-image-upload .preview img {
display: block;
width: 100%;
height: 96px;
object-fit: cover;
}
#comments .comment-image-upload .input-expand-upload {
min-width: 88px;
}
#comments .comment-image-upload .progress {
position: static;
inset: auto;
display: block;
width: 100%;
height: 3px;
margin-top: 4px;
overflow: hidden;
border-radius: 3px;
background: rgba(255, 255, 255, 0.25);
}
#comments .comment-image-upload .progress-bar {
position: static;
inset: auto;
display: block;
height: 100%;
width: 0;
transition: width 0.2s ease;
}
#comments .comment-header .aksrt-identity-chip {
display: inline-flex;
align-items: center;