r4sas/tweb-i2p
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Fix folders badge center align due to .47px width

Browse Source 
Fix jumping by last message after sending
This commit is contained in:
morethanwords 2021-01-19 16:12:18 +04:00
parent 80facf3e2d
commit f2118b484b
4 changed files with 10 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/chat/bubbles.ts
View File

@ -400,7 +400,7 @@ export default class ChatBubbles {
let details = e; let details = e;
if(!this.scrolledAllDown) { if(!this.scrolledAllDown) {
this.chat.setMessageId(0); this.chat.setMessageId();
} else { } else {
this.renderNewMessagesByIds([details.messageId], true); this.renderNewMessagesByIds([details.messageId], true);
} }
@ -2654,7 +2654,7 @@ export default class ChatBubbles {
const topIds = sortedMids.slice(sortedMids.findIndex(mid => targetMid > mid)); const topIds = sortedMids.slice(sortedMids.findIndex(mid => targetMid > mid));
const middleIds = isAdditionRender ? [] : [targetMid]; const middleIds = isAdditionRender ? [] : [targetMid];
const bottomIds = sortedMids.slice(0, sortedMids.findIndex(mid => targetMid >= mid)).reverse(); const bottomIds = isAdditionRender ? [] : sortedMids.slice(0, sortedMids.findIndex(mid => targetMid >= mid)).reverse();
this.log('getHistory: targeting mid:', targetMid, maxId, additionMsgId, this.log('getHistory: targeting mid:', targetMid, maxId, additionMsgId,
topIds.map(m => this.appMessagesManager.getLocalMessageId(m)), topIds.map(m => this.appMessagesManager.getLocalMessageId(m)),
@ -2725,7 +2725,7 @@ export default class ChatBubbles {
return null; return null;
} }
/* false && */!isFirstMessageRender && false && promise.then(() => { false && !isFirstMessageRender && promise.then(() => {
if(reverse) { if(reverse) {
this.loadedTopTimes++; this.loadedTopTimes++;
this.loadedBottomTimes = Math.max(0, --this.loadedBottomTimes); this.loadedBottomTimes = Math.max(0, --this.loadedBottomTimes);

2
src/index.hbs
View File

@ -145,7 +145,7 @@
<div class="transition-item active" id="chatlist-container"> <div class="transition-item active" id="chatlist-container">
<div class="folders-tabs-scrollable menu-horizontal-scrollable hide"> <div class="folders-tabs-scrollable menu-horizontal-scrollable hide">
<nav class="menu-horizontal-div" id="folders-tabs"> <nav class="menu-horizontal-div" id="folders-tabs">
<div class="menu-horizontal-div-item rp"><span>All<div class="badge badge-20 badge-blue"></div><i></i></span></div> <div class="menu-horizontal-div-item rp"><span><span class="text-super">All</span><div class="badge badge-20 badge-blue"></div><i></i></span></div>
</nav> </nav>
</div> </div>
<div class="tabs-container" id="folders-container"> <div class="tabs-container" id="folders-container">

1
src/lib/appManagers/appDialogsManager.ts
View File

@ -586,6 +586,7 @@ export class AppDialogsManager {
menuTab.classList.add('menu-horizontal-div-item'); menuTab.classList.add('menu-horizontal-div-item');
const span = document.createElement('span'); const span = document.createElement('span');
const titleSpan = document.createElement('span'); const titleSpan = document.createElement('span');
titleSpan.classList.add('text-super');
titleSpan.innerHTML = RichTextProcessor.wrapEmojiText(filter.title); titleSpan.innerHTML = RichTextProcessor.wrapEmojiText(filter.title);
const unreadSpan = document.createElement('div'); const unreadSpan = document.createElement('div');
unreadSpan.classList.add('badge', 'badge-20', 'badge-blue'); unreadSpan.classList.add('badge', 'badge-20', 'badge-blue');

5
src/scss/components/_global.scss
View File

@ -130,6 +130,11 @@ Utility Classes
font-weight: 500 !important; font-weight: 500 !important;
} }
// * fix text fractional width
.text-super {
display: inline-table;
}
/* .flex-grow { /* .flex-grow {
flex-grow: 1; flex-grow: 1;
} }