chickliu/quark-auto-save
1
0
Fork 0
mirror of https://github.com/Cp0204/quark-auto-save.git synced 2026-01-16 17:30:43 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

修复命名预览模态框重命名列展开按钮显示位置错误的问题

Browse Source
This commit is contained in:
x1ao4 2025-08-09 18:12:28 +08:00
parent 86533d1f29
commit adfa67acb1
1 changed files with 93 additions and 63 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
app/static/css/main.css
View File

@ -3967,17 +3967,41 @@ table.selectable-records .expand-button:hover {
top: 2px !important; /* 将"×"标记上移1px */ top: 2px !important; /* 将"×"标记上移1px */
} }
#fileSelectModal[data-modal-type="preview"] .table td.col-rename > * { #fileSelectModal[data-modal-type="preview"] .table td.col-rename > :not(.expand-button) {
position: relative; position: relative;
top: 3px !important; top: 3px !important;
} }
/* 文件整理页面命名预览模式下的重命名列通用样式 */ /* 文件整理页面命名预览模式下的重命名列通用样式 */
#fileSelectModal[data-modal-type="preview-filemanager"] .table td.col-rename > * { #fileSelectModal[data-modal-type="preview-filemanager"] .table td.col-rename > :not(.expand-button) {
position: relative; position: relative;
top: 3px !important; /* 与任务配置页面保持一致 */ top: 3px !important; /* 与任务配置页面保持一致 */
} }
/* 确保文件整理页面命名预览模式下的重命名列文本截断样式正确应用 */
#fileSelectModal[data-modal-type="preview-filemanager"] .table td.col-rename div[style*="white-space: nowrap"] {
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
padding-right: 25px !important;
max-width: 100% !important;
display: block !important;
}
/* 强制文件整理页面重命名列的所有子元素使用inline显示，确保文本截断正常工作 */
#fileSelectModal[data-modal-type="preview-filemanager"] .table td.col-rename div[style*="white-space: nowrap"] * {
display: inline !important;
white-space: nowrap !important;
}
/* 命名预览模态框 - 重命名列展开按钮位置微调，仅作用于命名预览 */
#fileSelectModal[data-modal-type="preview"] .table td.col-rename .expand-button,
#fileSelectModal[data-modal-type="preview-filemanager"] .table td.col-rename .expand-button {
top: 6.5px !important; /* 单独上移 1px（基础为 7.5px） */
right: 8px !important; /* 略向左移，参考模态框其他列的间距 */
}
/* 模态框通用文件夹图标样式 */ /* 模态框通用文件夹图标样式 */
#fileSelectModal .bi-folder-fill { #fileSelectModal .bi-folder-fill {
color: #098eff; color: #098eff;
@ -5526,12 +5550,18 @@ body .selectable-files tr.selected-file:has([style*="white-space: normal"]) .fil
#fileSelectModal[data-modal-type="preview-filemanager"] .episode-x { #fileSelectModal[data-modal-type="preview-filemanager"] .episode-x {
position: relative; position: relative;
top: 0.5px; top: 0.5px;
display: inline-block; display: inline;
margin-right: 2px; margin-right: 2px;
} }
/* 确保文件整理页面重命名列中的episode-x在未展开状态下不影响文本截断 */
#fileSelectModal[data-modal-type="preview-filemanager"] .table td.col-rename div[style*="white-space: nowrap"] .episode-x {
display: inline !important;
white-space: nowrap !important;
}
/* 文件整理页面命名预览模式下的绿色重命名文本上移0.5px */ /* 文件整理页面命名预览模式下的绿色重命名文本上移0.5px */
#fileSelectModal[data-modal-type="preview-filemanager"] .table td.col-rename.text-success > * { #fileSelectModal[data-modal-type="preview-filemanager"] .table td.col-rename.text-success > :not(.expand-button) {
position: relative; position: relative;
top: 3px !important; /* 原来是3px，上移0.5px */ top: 3px !important; /* 原来是3px，上移0.5px */
} }