diff --git a/src/components/sidebarLeft/tabs/blockedUsers.ts b/src/components/sidebarLeft/tabs/blockedUsers.ts index 902798f1..e796a17f 100644 --- a/src/components/sidebarLeft/tabs/blockedUsers.ts +++ b/src/components/sidebarLeft/tabs/blockedUsers.ts @@ -55,6 +55,9 @@ export default class AppBlockedUsersTab extends SliderSuperTab { const user = appUsersManager.getUser(peerId); dom.lastMessageSpan.innerHTML = user.pFlags.bot ? ('@' + user.username) : user.rPhone || (user.username ? '@' + user.username : appUsersManager.getUserStatusString(peerId)); + + //dom.titleSpan.innerHTML = 'Raaid El Syed'; + //dom.lastMessageSpan.innerHTML = '+1 234 567891'; }; for(const peerId of this.peerIds) { diff --git a/src/scss/partials/_chatlist.scss b/src/scss/partials/_chatlist.scss index a4125b8c..c05321d6 100644 --- a/src/scss/partials/_chatlist.scss +++ b/src/scss/partials/_chatlist.scss @@ -51,33 +51,6 @@ } } } - } - - li > .rp { - height: 72px; - max-height: 72px; - border-radius: $border-radius-medium; - display: flex; - align-items: flex-start; // TODO: проверить разницу в производительности с align-items: center; - flex-direction: row; - position: relative; - cursor: pointer; - padding: 9px 8.5px; - margin: 0 8px; - overflow: hidden; - - /* html.is-safari & { - margin-right: 3px; - } */ - - @include respond-to(handhelds) { - padding: 9px 12px 9px 9px !important; - border-radius: 0; - margin: 0; - overflow: hidden; - } - - @include hover-background-effect(); span { display: inline-block; @@ -116,6 +89,33 @@ } */ } + li > .rp { + height: 72px; + max-height: 72px; + border-radius: $border-radius-medium; + display: flex; + align-items: flex-start; // TODO: проверить разницу в производительности с align-items: center; + flex-direction: row; + position: relative; + cursor: pointer; + padding: 9px 8.5px; + margin: 0 8px; + overflow: hidden; + + /* html.is-safari & { + margin-right: 3px; + } */ + + @include respond-to(handhelds) { + padding: 9px 12px 9px 9px !important; + border-radius: 0; + margin: 0; + overflow: hidden; + } + + @include hover-background-effect(); + } + li.menu-open { > .rp { background: var(--color-gray-hover); @@ -139,6 +139,8 @@ } &-subtitle { + margin-top: -3px; + &-badge { &:not(:empty), &.tgico-pinnedchat { margin-left: .5rem; @@ -159,10 +161,6 @@ flex: 1 1 auto; //padding: 1px 3.5px 1px 9px; - DO MAKETA JS3 padding: 1px 8.5px 1px 9px; // JS3 - - p:last-child { - margin-top: -3px; - } } .user-title { diff --git a/src/scss/partials/_leftSidebar.scss b/src/scss/partials/_leftSidebar.scss index 97cb2ae1..8eb937b4 100644 --- a/src/scss/partials/_leftSidebar.scss +++ b/src/scss/partials/_leftSidebar.scss @@ -1038,6 +1038,20 @@ .sidebar-left-section-caption { font-size: 1rem; } + + li > .rp { + height: 66px; + max-height: 66px; + } + + .user-caption { + padding-left: .75rem; + } + + .dialog-subtitle { + margin-top: -.375rem; + font-size: .875rem; + } } .notifications-container {