Wiki modal: double width, header, HTML rendering + vertical scroll
This commit is contained in:
+11
-2
@@ -1487,11 +1487,15 @@ body[data-lang="en"] .hide-de { display: none !important; }
|
|||||||
.detail-value { color: #1c1e21; font-size: 14px; text-align: right; }
|
.detail-value { color: #1c1e21; font-size: 14px; text-align: right; }
|
||||||
.user-detail-company { color: #65676b; text-align: center; }
|
.user-detail-company { color: #65676b; text-align: center; }
|
||||||
|
|
||||||
/* ========================================
|
|
||||||
|
|
||||||
/* ========================================
|
/* ========================================
|
||||||
WIKI MODAL ENHANCED
|
WIKI MODAL ENHANCED
|
||||||
======================================== */
|
======================================== */
|
||||||
|
.wiki-modal { max-width: 880px; }
|
||||||
|
.wiki-modal-header {
|
||||||
|
margin-bottom: 16px;
|
||||||
|
border-bottom: 1px solid #e4e6eb;
|
||||||
|
padding-bottom: 12px;
|
||||||
|
}
|
||||||
.wiki-modal-topic {
|
.wiki-modal-topic {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
padding: 4px 10px;
|
padding: 4px 10px;
|
||||||
@@ -1522,6 +1526,11 @@ body[data-lang="en"] .hide-de { display: none !important; }
|
|||||||
line-height: 1.6;
|
line-height: 1.6;
|
||||||
color: #333;
|
color: #333;
|
||||||
margin-bottom: 24px;
|
margin-bottom: 24px;
|
||||||
|
max-height: 70vh;
|
||||||
|
overflow-y: auto;
|
||||||
|
padding: 16px;
|
||||||
|
border: 1px solid #e4e6eb;
|
||||||
|
border-radius: 8px;
|
||||||
}
|
}
|
||||||
.wiki-modal-close {
|
.wiki-modal-close {
|
||||||
background: #f0f2f5;
|
background: #f0f2f5;
|
||||||
|
|||||||
+4
-3
@@ -923,12 +923,13 @@ function openWikiModalSingle(item) {
|
|||||||
const dateStr = formatDate(new Date(item.updatedAt || item.createdAt));
|
const dateStr = formatDate(new Date(item.updatedAt || item.createdAt));
|
||||||
|
|
||||||
let html = '<div class="modal wiki-modal"><button class="modal-close" onclick="closeWikiModal()">×</button>';
|
let html = '<div class="modal wiki-modal"><button class="modal-close" onclick="closeWikiModal()">×</button>';
|
||||||
html += '<div class="wiki-modal-content">';
|
html += '<div class="wiki-modal-header">';
|
||||||
html += '<div class="wiki-modal-topic">' + escapeHtml(topic) + '</div>';
|
html += '<div class="wiki-modal-topic">' + escapeHtml(topic) + '</div>';
|
||||||
html += '<h2 class="wiki-modal-title">' + escapeHtml(subtopic) + '</h2>';
|
html += '<h2 class="wiki-modal-title">' + escapeHtml(subtopic) + '</h2>';
|
||||||
if (dateStr) html += '<div class="wiki-modal-date">' + dateStr + '</div>';
|
if (dateStr) html += '<div class="wiki-modal-date">' + dateStr + '</div>';
|
||||||
html += '<div class="wiki-modal-text">' + escapeHtml(content) + '</div>';
|
html += '</div>';
|
||||||
html += '</div></div>';
|
html += '<div class="wiki-modal-text">' + sanitizeHtml(content) + '</div>';
|
||||||
|
html += '</div>';
|
||||||
modalOverlay.innerHTML = html;
|
modalOverlay.innerHTML = html;
|
||||||
modalOverlay.classList.add('active');
|
modalOverlay.classList.add('active');
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user