dandri/simplex-chat
1
0
Fork 0
mirror of https://github.com/simplex-chat/simplex-chat.git synced 2026-08-28 02:54:34 +00:00
Code Issues Packages Projects Releases Wiki Activity

improve

Browse Source
This commit is contained in:
Evgeny @ SimpleX Chat
2026-06-02 21:20:33 +00:00
parent 55ce77adc9
commit 9c56aae536
1 changed files with 6 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files
website/src/js/channel-preview.jsc
+6 -43
View File
@@ -450,11 +450,13 @@ const STYLE = `
min-width: 0;
max-width: 640px;
overflow-y: auto;
overscroll-behavior: none;
position: relative;
}
.simplex-preview-info {
overflow-y: auto;
overscroll-behavior: none;
background: var(--sp-bg);
}
@@ -534,14 +536,6 @@ const STYLE = `
color: inherit;
}
.simplex-preview-read-more {
font-size: 13px;
color: var(--sp-link);
cursor: pointer;
margin-top: 4px;
user-select: none;
}
.simplex-preview-info .simplex-preview-join-btn {
display: block;
text-align: center;
@@ -827,11 +821,11 @@ function render(container, data, channelLink, showAppBadges) {
container.appendChild(info);
header.addEventListener('click', () => {
header.addEventListener('click', (e) => {
if (e.target.closest('.simplex-preview-join-btn')) return;
if (window.innerWidth < 1000) {
info.classList.add('open');
main.style.overflow = 'hidden';
if (infoContent._setupExpand) setTimeout(infoContent._setupExpand, 0);
}
});
@@ -841,7 +835,6 @@ function render(container, data, channelLink, showAppBadges) {
});
setupSecretToggles(container);
if (infoContent._setupExpand) setTimeout(infoContent._setupExpand, 0);
setTimeout(() => { main.scrollTop = main.scrollHeight; }, 0);
}
@@ -873,9 +866,10 @@ function renderHeader(channel, channelLink, subscriberCount) {
header.appendChild(info);
if (channelLink) {
const btn = document.createElement('button');
const btn = document.createElement('a');
btn.className = 'simplex-preview-join-btn';
btn.textContent = 'Join';
btn.href = channelLink;
header.appendChild(btn);
}
@@ -917,14 +911,6 @@ function renderInfoContent(container, data, channelLink, subscriberCount, showAp
section.className = 'simplex-preview-info-section';
section.innerHTML = Array.isArray(welcome) ? renderMarkdown(welcome) : escapeHtml(welcome);
container.appendChild(section);
const readMore = document.createElement('div');
readMore.className = 'simplex-preview-read-more';
readMore.textContent = 'Read more';
readMore.style.display = 'none';
container.appendChild(readMore);
container._setupExpand = () => setupExpandCollapse(section, readMore);
}
if (channelLink) {
@@ -1081,29 +1067,6 @@ function renderMobileConversion(container, channelLink, showAppBadges) {
container.appendChild(openBtn);
}
function setupExpandCollapse(section, readMore) {
if (section._measured) return;
const lineHeight = parseFloat(getComputedStyle(section).lineHeight);
if (!lineHeight || !section.scrollHeight) return;
section._measured = true;
const maxLines = 4;
const maxHeight = maxLines * lineHeight;
const maxHeightPx = maxHeight + 'px';
section.style.maxHeight = maxHeightPx;
section.style.overflow = 'hidden';
if (section.scrollHeight > maxHeight + 4) {
readMore.style.display = 'block';
readMore.addEventListener('click', () => {
if (section.style.maxHeight === maxHeightPx) {
section.style.maxHeight = 'none';
readMore.textContent = 'Show less';
} else {
section.style.maxHeight = maxHeightPx;
readMore.textContent = 'Read more';
}
});
}
}
function setupSecretToggles(container) {
container.addEventListener('click', (e) => {