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; //context.font = font;
const metrics = context.measureText(text); const metrics = context.measureText(text);
//console.log('getTextWidth perf:', performance.now() - perf); //console.log('getTextWidth perf:', performance.now() - perf);
return metrics.width; //return metrics.width;
return Math.round(metrics.width);
} }
export class MiddleEllipsisElement extends HTMLElement { 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 = bubble.firstElementChild as HTMLDivElement;
bubbleContainer.innerHTML = ''; bubbleContainer.innerHTML = '';
bubbleContainer.style.marginBottom = ''; //bubbleContainer.style.marginBottom = '';
bubbleContainer.style.cssText = '';
if(bubble == this.firstUnreadBubble) { if(bubble == this.firstUnreadBubble) {
bubble.classList.add('is-first-unread'); bubble.classList.add('is-first-unread');

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

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