diff --git a/shine-UI/js/pages/user-profile-view.js b/shine-UI/js/pages/user-profile-view.js index 94d75eff..c9bc515a 100644 --- a/shine-UI/js/pages/user-profile-view.js +++ b/shine-UI/js/pages/user-profile-view.js @@ -58,8 +58,8 @@ function openProfileSheet(title, html) { }); } -function aboutSheetHtml(card) { - return `
`; +function spiritualPathSheetHtml(card) { + return ``; } function contactsSheetHtml(card) { @@ -193,6 +193,7 @@ export function render({ navigate, route, chrome }) { .map((value) => String(value || '').trim()) .filter(Boolean) .join(' '); + const about = String(card.about || '').trim(); const title = header.querySelector('.page-title'); if (title) title.textContent = card.login; @@ -208,6 +209,8 @@ export function render({ navigate, route, chrome }) { ${metricHtml({ kind: 'close_friends', label: 'Близкие друзья', value: stats.closeFriendsCount, positionClass: 'is-bottom-right' })} + ${about ? `` : ''} + ` : ''} `; @@ -265,8 +268,8 @@ export function render({ navigate, route, chrome }) { } const detailButton = event.target.closest('[data-profile-detail]'); - if (detailButton?.dataset.profileDetail === 'about') { - openProfileSheet('О себе', aboutSheetHtml(card)); + if (detailButton?.dataset.profileDetail === 'spiritual-path') { + openProfileSheet('Духовный путь', spiritualPathSheetHtml(card)); return; } if (detailButton?.dataset.profileDetail === 'contacts') { diff --git a/shine-UI/styles/components.css b/shine-UI/styles/components.css index 81cafbb7..aaae4565 100644 --- a/shine-UI/styles/components.css +++ b/shine-UI/styles/components.css @@ -9976,6 +9976,21 @@ body.chat-topbar-overlay .composer-slot > * { font-weight: 800; } +.user-profile-about-inline { + width: min(86%, 340px); + margin: clamp(28px, 4.6vh, 36px) auto 0; + padding: 0; + border: 0; + background: transparent; + box-shadow: none; + color: rgba(225, 234, 248, 0.82); + font-size: 14px; + line-height: 1.5; + text-align: center; + white-space: pre-wrap; + overflow-wrap: anywhere; +} + .user-profile-metric { width: min(100%, 92px); min-width: 0;