Browse Source

Blocked users layout

master
Eduard Kuzmenko 4 years ago
parent
commit
8eda0f505e
  1. 3
      src/components/sidebarLeft/tabs/blockedUsers.ts
  2. 60
      src/scss/partials/_chatlist.scss
  3. 14
      src/scss/partials/_leftSidebar.scss

3
src/components/sidebarLeft/tabs/blockedUsers.ts

@ -55,6 +55,9 @@ export default class AppBlockedUsersTab extends SliderSuperTab { @@ -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) {

60
src/scss/partials/_chatlist.scss

@ -51,33 +51,6 @@ @@ -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 @@ @@ -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 @@ @@ -139,6 +139,8 @@
}
&-subtitle {
margin-top: -3px;
&-badge {
&:not(:empty), &.tgico-pinnedchat {
margin-left: .5rem;
@ -159,10 +161,6 @@ @@ -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 {

14
src/scss/partials/_leftSidebar.scss

@ -1038,6 +1038,20 @@ @@ -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 {

Loading…
Cancel
Save