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;
if(!this.scrolledAllDown) {
this.chat.setMessageId(0);
this.chat.setMessageId();
} else {
this.renderNewMessagesByIds([details.messageId], true);
}
@ -2654,7 +2654,7 @@ export default class ChatBubbles {
const topIds = sortedMids.slice(sortedMids.findIndex(mid => targetMid > mid));
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,
topIds.map(m => this.appMessagesManager.getLocalMessageId(m)),
@ -2725,7 +2725,7 @@ export default class ChatBubbles {
return null;
}
/* false && */!isFirstMessageRender && false && promise.then(() => {
false && !isFirstMessageRender && promise.then(() => {
if(reverse) {
this.loadedTopTimes++;
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="folders-tabs-scrollable menu-horizontal-scrollable hide">
<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>
</div>
<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');
const span = document.createElement('span');
const titleSpan = document.createElement('span');
titleSpan.classList.add('text-super');
titleSpan.innerHTML = RichTextProcessor.wrapEmojiText(filter.title);
const unreadSpan = document.createElement('div');
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;
}
// * fix text fractional width
.text-super {
display: inline-table;
}
/* .flex-grow {
flex-grow: 1;
}