UI: фикс шапки связей и правки профиля (работает)
This commit is contained in:
parent
da12521517
commit
2c68dedea2
@ -1,2 +1,2 @@
|
|||||||
client.version=1.2.16
|
client.version=1.2.17
|
||||||
server.version=1.2.16
|
server.version=1.2.17
|
||||||
|
|||||||
@ -817,7 +817,7 @@ export function render({ navigate, route }) {
|
|||||||
},
|
},
|
||||||
},
|
},
|
||||||
rightActions: [
|
rightActions: [
|
||||||
{ label: 'Найти человека', onClick: openSearchModal },
|
{ label: 'Найти', onClick: openSearchModal },
|
||||||
{ label: '?', onClick: () => window.alert(helpText()) },
|
{ label: '?', onClick: () => window.alert(helpText()) },
|
||||||
],
|
],
|
||||||
});
|
});
|
||||||
|
|||||||
@ -198,7 +198,7 @@ export function render({ navigate }) {
|
|||||||
officialBtn?.addEventListener('click', () => showToggleInfo('official'));
|
officialBtn?.addEventListener('click', () => showToggleInfo('official'));
|
||||||
shineBtn?.addEventListener('click', () => showToggleInfo('shine'));
|
shineBtn?.addEventListener('click', () => showToggleInfo('shine'));
|
||||||
|
|
||||||
card.append(topRow, badgesRow, statusRow, listWrap);
|
card.append(topRow, badgesRow, listWrap, statusRow);
|
||||||
screen.append(card);
|
screen.append(card);
|
||||||
|
|
||||||
updateAvatarUi();
|
updateAvatarUi();
|
||||||
|
|||||||
@ -1350,26 +1350,42 @@ textarea.input {
|
|||||||
.network-header-overlay {
|
.network-header-overlay {
|
||||||
position: sticky;
|
position: sticky;
|
||||||
top: max(8px, env(safe-area-inset-top));
|
top: max(8px, env(safe-area-inset-top));
|
||||||
left: 8px;
|
left: max(8px, env(safe-area-inset-left));
|
||||||
right: 8px;
|
right: max(8px, env(safe-area-inset-right));
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
z-index: 12;
|
z-index: 12;
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.network-header-overlay.page-header {
|
||||||
|
margin-bottom: 0;
|
||||||
|
gap: 6px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.network-header-overlay .header-left,
|
||||||
|
.network-header-overlay .header-actions {
|
||||||
|
min-width: 0;
|
||||||
|
gap: 6px;
|
||||||
|
}
|
||||||
|
|
||||||
.network-header-overlay .icon-btn {
|
.network-header-overlay .icon-btn {
|
||||||
pointer-events: auto;
|
pointer-events: auto;
|
||||||
|
min-height: 30px;
|
||||||
|
padding: 5px 8px;
|
||||||
|
font-size: 11px;
|
||||||
|
border-radius: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.network-header-overlay .page-title {
|
.network-header-overlay .page-title {
|
||||||
font-size: 17px;
|
font-size: 16px;
|
||||||
|
min-width: 0;
|
||||||
|
white-space: nowrap;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
text-shadow: 0 1px 8px rgba(0, 0, 0, 0.45);
|
text-shadow: 0 1px 8px rgba(0, 0, 0, 0.45);
|
||||||
}
|
}
|
||||||
|
|
||||||
.network-header-overlay .icon-btn {
|
.network-header-overlay .icon-btn {
|
||||||
min-height: 32px;
|
|
||||||
padding: 6px 8px;
|
|
||||||
font-size: 12px;
|
|
||||||
background: rgba(10, 20, 37, 0.6);
|
background: rgba(10, 20, 37, 0.6);
|
||||||
border-color: rgba(166, 196, 245, 0.32);
|
border-color: rgba(166, 196, 245, 0.32);
|
||||||
backdrop-filter: blur(10px);
|
backdrop-filter: blur(10px);
|
||||||
@ -3729,6 +3745,8 @@ textarea.input {
|
|||||||
color: rgba(255, 255, 255, 0.9);
|
color: rgba(255, 255, 255, 0.9);
|
||||||
min-height: 100%;
|
min-height: 100%;
|
||||||
gap: 4px;
|
gap: 4px;
|
||||||
|
align-content: start;
|
||||||
|
grid-auto-rows: max-content;
|
||||||
}
|
}
|
||||||
|
|
||||||
.profile-screen::before {
|
.profile-screen::before {
|
||||||
@ -3762,9 +3780,11 @@ textarea.input {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.profile-top-action-btn {
|
.profile-top-action-btn {
|
||||||
min-height: 28px;
|
height: 32px;
|
||||||
padding: 4px 8px;
|
min-height: 32px;
|
||||||
|
padding: 0 10px;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
|
line-height: 1;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
@ -3772,13 +3792,14 @@ textarea.input {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.profile-main-card {
|
.profile-main-card {
|
||||||
padding: 8px;
|
margin-top: 0;
|
||||||
gap: 6px;
|
padding: 2px 8px 8px;
|
||||||
|
gap: 4px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.profile-status-row {
|
.profile-status-row {
|
||||||
align-items: center;
|
align-items: center;
|
||||||
gap: 8px;
|
gap: 6px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.profile-status-row .status-line {
|
.profile-status-row .status-line {
|
||||||
@ -3799,6 +3820,10 @@ textarea.input {
|
|||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.profile-main-card > .row:first-child {
|
||||||
|
margin-top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
.profile-main-card .profile-identity-lines {
|
.profile-main-card .profile-identity-lines {
|
||||||
gap: 2px;
|
gap: 2px;
|
||||||
}
|
}
|
||||||
@ -3811,6 +3836,11 @@ textarea.input {
|
|||||||
font-size: 17px;
|
font-size: 17px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.profile-main-card .profile-avatar {
|
||||||
|
margin-top: 4px;
|
||||||
|
margin-bottom: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
.profile-main-card .profile-param-list {
|
.profile-main-card .profile-param-list {
|
||||||
gap: 6px;
|
gap: 6px;
|
||||||
}
|
}
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user