kate522
44e165d34e
Unify comment image upload settings, REST permissions, preview, progress, and response handling while removing obsolete compatibility paths.
82 lines
1.9 KiB
CSS
82 lines
1.9 KiB
CSS
/* ============================================================
|
|
* AKSRT Comments — 补充层
|
|
*
|
|
* 评论区布局样式已硬切换为自有版权（见 layout.css / mobile-item.css），
|
|
* vendor main.min.css 不再提供评论区规则。
|
|
* 本文件放 AKSRT 特有标记与评论图片上传的补充规则。
|
|
* 共享基础样式仍由 bundle 中更早加载的 bootstrap 3 与
|
|
* core/tokens.css 提供。
|
|
* ============================================================ */
|
|
|
|
#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;
|
|
gap: 3px;
|
|
vertical-align: middle;
|
|
max-width: 9em;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
font-size: 11px;
|
|
}
|
|
|
|
#comments .comment-header .aksrt-identity-medal {
|
|
display: inline-block;
|
|
width: auto;
|
|
height: 1.1em;
|
|
max-width: 6em;
|
|
object-fit: contain;
|
|
vertical-align: -0.15em;
|
|
}
|