mirror of
https://github.com/Wx-2025/ST-Amily2-Chat-Optimisation.git
synced 2026-06-06 13:55:51 +00:00
Update WorldEditor.css
This commit is contained in:
@@ -529,54 +529,72 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
#world-editor-container .world-editor-entry-row {
|
#world-editor-container .world-editor-entry-row {
|
||||||
grid-template-columns: 40px 1fr; /* 简化为两列:复选框和内容 */
|
display: grid;
|
||||||
|
grid-template-columns: 40px 1fr; /* 复选框和内容区 */
|
||||||
|
gap: 5px;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
border-bottom: 1px solid #444;
|
border-bottom: 1px solid #444;
|
||||||
}
|
height: auto;
|
||||||
|
|
||||||
#world-editor-container .world-editor-entry-row > div:not(:nth-child(1)):not(:nth-child(2)) {
|
|
||||||
display: none; /* 隐藏除复选框和主要内容外的所有列 */
|
|
||||||
}
|
|
||||||
|
|
||||||
#world-editor-container .world-editor-entry-row {
|
|
||||||
display: grid;
|
|
||||||
grid-template-columns: auto 1fr; /* 复选框和内容区 */
|
|
||||||
gap: 10px;
|
|
||||||
padding: 10px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#world-editor-container .world-editor-entry-row > div {
|
#world-editor-container .world-editor-entry-row > div {
|
||||||
display: block !important; /* 确保所有单元格都可见 */
|
|
||||||
text-align: left;
|
text-align: left;
|
||||||
padding: 5px 0;
|
padding: 2px 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
#world-editor-container .world-editor-entry-row::before {
|
/* Add labels for mobile view */
|
||||||
display: block;
|
#world-editor-container .world-editor-entry-row > div::before {
|
||||||
|
content: attr(data-label) ": ";
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
color: #888;
|
color: #888;
|
||||||
|
display: inline-block;
|
||||||
|
margin-right: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Hide label for checkbox */
|
||||||
|
#world-editor-container .world-editor-entry-row > div:nth-child(1)::before {
|
||||||
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
#world-editor-container .world-editor-entry-checkbox { grid-row: 1 / span 5; align-self: center; }
|
/* Checkbox positioning - Target the WRAPPER div */
|
||||||
#world-editor-container .world-editor-entry-status { grid-column: 2; }
|
#world-editor-container .world-editor-entry-checkbox {
|
||||||
#world-editor-container .world-editor-entry-activation { grid-column: 2; }
|
grid-row: 1 / span 8;
|
||||||
#world-editor-container .world-editor-entry-keys { grid-column: 2; }
|
align-self: start;
|
||||||
#world-editor-container .world-editor-entry-content { grid-column: 2; }
|
margin-top: 5px;
|
||||||
#world-editor-container .world-editor-entry-position { grid-column: 2; }
|
}
|
||||||
#world-editor-container .world-editor-entry-depth { grid-column: 2; }
|
|
||||||
#world-editor-container .world-editor-entry-order { grid-column: 2; }
|
|
||||||
|
|
||||||
|
/* Stack other elements in the second column */
|
||||||
|
#world-editor-container .world-editor-entry-status,
|
||||||
|
#world-editor-container .world-editor-entry-activation,
|
||||||
|
#world-editor-container .world-editor-entry-keys,
|
||||||
|
#world-editor-container .world-editor-entry-content,
|
||||||
|
#world-editor-container .world-editor-entry-position,
|
||||||
|
#world-editor-container .world-editor-entry-depth,
|
||||||
|
#world-editor-container .world-editor-entry-order,
|
||||||
|
#world-editor-container .world-editor-entry-row > div[data-label="条目"] {
|
||||||
|
grid-column: 2;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Truncation for keys and content */
|
||||||
#world-editor-container .world-editor-entry-keys,
|
#world-editor-container .world-editor-entry-keys,
|
||||||
#world-editor-container .world-editor-entry-content {
|
#world-editor-container .world-editor-entry-content {
|
||||||
white-space: normal;
|
white-space: normal;
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
display: -webkit-box;
|
display: -webkit-box !important;
|
||||||
-webkit-line-clamp: 3;
|
-webkit-line-clamp: 3;
|
||||||
|
line-clamp: 3;
|
||||||
-webkit-box-orient: vertical;
|
-webkit-box-orient: vertical;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
word-break: break-word;
|
word-break: break-word;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Ensure inline edits take full width on mobile */
|
||||||
|
#world-editor-container .inline-edit {
|
||||||
|
width: calc(100% - 60px); /* Adjust for label width roughly */
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
#world-editor-container .world-editor-batch-actions {
|
#world-editor-container .world-editor-batch-actions {
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
|||||||
Reference in New Issue
Block a user