MrBesen/tweb
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Fix multiselect checkbox positions

Browse Source 
Fix audio seek color
Fix space between service messages
This commit is contained in:
morethanwords 2021-01-11 21:38:20 +04:00
parent c03be2d52c
commit 297e922c03
5 changed files with 55 additions and 49 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1599,6 +1599,7 @@ export default class ChatBubbles {
if(updatePosition) {
this.renderMessagesQueue(message, bubble, reverse, loadPromises);
this.bubbleGroups.addBubble(bubble, message, reverse);
}
return bubble;

4
src/lib/cacheStorage.ts
View File

@ -53,9 +53,9 @@ export default class CacheStorageController {
} */
public getFile(fileName: string, method: 'blob' | 'json' | 'text' = 'blob'): Promise<any> {
if(method == 'blob') {
/* if(method == 'blob') {
return Promise.reject();
}
} */
// const str = `get fileName: ${fileName}`;
// console.time(str);

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

@ -452,6 +452,10 @@
margin-left: 5px;
margin-top: -1px;
&__filled {
background-color: #0089ff;
}
&__loaded {
background-color: #cacaca;
}

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

@ -836,11 +836,11 @@ $chat-helper-size: 39px;
}
.btn-icon {
margin-left: 6px;
maRgin-top: 6px;
margin: 0 5px 0 6px;
color: #3f454a;
height: 42px;
width: 42px;
line-height: 42px;
}
.btn-primary {

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

@ -171,42 +171,6 @@ $bubble-margin: .25rem;
}
}
&.is-date {
position: sticky;
top: $bubble-margin;
//z-index: 3;
z-index: 2;
transition: opacity .3s ease;
opacity: .99999; // for safari
pointer-events: none;
body.animation-level-0 & {
transition: none;
}
&.is-sticky {
opacity: .00001; // for safari
.bubbles-inner:not(.is-scrolling) & {
//transition-delay: 1.35s;
.bubble__container {
cursor: default;
}
}
/* .bubbles-inner.is-scrolling & {
transition-delay: 0;
} */
}
.chat.type-chat & .bubble__container,
.chat.type-discussion & .bubble__container {
cursor: pointer;
pointer-events: all;
}
}
&.zoom-fade /* .bubble__container */ {
//transform: scale(.8) translateZ(0);
transform: scale3d(.8, .8, 1);
@ -234,7 +198,7 @@ $bubble-margin: .25rem;
& > &-select-checkbox {
//bottom: .75rem; // * by avatar
bottom: 5px; // * by middle of one-line message
bottom: .3125rem; // * by middle of one-line message
/* left: 0;
top: 50%;
transform: translateY(-50%); */
@ -324,7 +288,7 @@ $bubble-margin: .25rem;
&.service {
//padding: 1rem 0;
padding: $bubble-margin 0;
//padding: $bubble-margin 0;
max-width: var(--messages-container-width);
.bubble__container {
@ -334,6 +298,43 @@ $bubble-margin: .25rem;
}
}
&.is-date {
position: sticky;
top: $bubble-margin;
padding-bottom: $bubble-margin;
//z-index: 3;
z-index: 2;
transition: opacity .3s ease;
opacity: .99999; // for safari
pointer-events: none;
body.animation-level-0 & {
transition: none;
}
&.is-sticky {
opacity: .00001; // for safari
.bubbles-inner:not(.is-scrolling) & {
//transition-delay: 1.35s;
.bubble__container {
cursor: default;
}
}
/* .bubbles-inner.is-scrolling & {
transition-delay: 0;
} */
}
.chat.type-chat & .bubble__container,
.chat.type-discussion & .bubble__container {
cursor: pointer;
pointer-events: all;
}
}
&-beside-button {
//opacity: 0;
//transition: .2s opacity;
@ -374,13 +375,13 @@ $bubble-margin: .25rem;
bottom: -#{$bubble-margin};
}
> .bubble-select-checkbox {
bottom: 8px;
}
/* > .bubble-select-checkbox {
bottom: .3125rem;
} */
.bubbles-inner.is-chat &.is-in {
> .bubble-select-checkbox {
bottom: 7px;
bottom: .1875rem;
}
}
}
@ -1167,13 +1168,13 @@ $bubble-margin: .25rem;
}
}
/* &.is-group-first .document-container {
&.is-group-first .document-container {
&:first-of-type {
.document-selection {
top: -4px;
top: -$bubble-margin;
}
}
} */
}
&.is-group-last .document-container {
&:last-of-type {