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

Fix middle ellipsis float width

Browse Source 
Fix edit animated emoji
This commit is contained in:
morethanwords 2020-11-08 04:13:23 +02:00
parent 56ce8020a9
commit e0e9296dd0
3 changed files with 8 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/components/middleEllipsis.ts
View File

@ -116,7 +116,8 @@ function getTextWidth(text: string, font: string) {
//context.font = font;
const metrics = context.measureText(text);
//console.log('getTextWidth perf:', performance.now() - perf);
return metrics.width;
//return metrics.width;
return Math.round(metrics.width);
}
export class MiddleEllipsisElement extends HTMLElement {

3
src/lib/appManagers/appImManager.ts
View File

@ -1712,7 +1712,8 @@ export class AppImManager {
bubbleContainer = bubble.firstElementChild as HTMLDivElement;
bubbleContainer.innerHTML = '';
bubbleContainer.style.marginBottom = '';
//bubbleContainer.style.marginBottom = '';
bubbleContainer.style.cssText = '';
if(bubble == this.firstUnreadBubble) {
bubble.classList.add('is-first-unread');

4
src/scss/partials/_chatBubble.scss
View File

@ -1009,6 +1009,8 @@ $bubble-margin: .25rem;
&.is-message-empty {
.message {
position: absolute;
/* position: relative;
width: max-content; */
bottom: .1rem;
right: .2rem;
border-radius: 12px;
@ -1024,6 +1026,7 @@ $bubble-margin: .25rem;
padding: 0 2.5px;
line-height: 20px;
pointer-events: all; // show title
white-space: nowrap;
.inner {
display: none;
@ -1063,6 +1066,7 @@ $bubble-margin: .25rem;
align-items: center;
line-height: 1;
padding: inherit;
white-space: nowrap;
}
}