Fix multiselect checkbox positions
Fix audio seek color Fix space between service messages
This commit is contained in:
parent
bdf5118c73
commit
0c8e5e21e7
@ -1599,6 +1599,7 @@ export default class ChatBubbles {
|
|||||||
|
|
||||||
if(updatePosition) {
|
if(updatePosition) {
|
||||||
this.renderMessagesQueue(message, bubble, reverse, loadPromises);
|
this.renderMessagesQueue(message, bubble, reverse, loadPromises);
|
||||||
|
this.bubbleGroups.addBubble(bubble, message, reverse);
|
||||||
}
|
}
|
||||||
|
|
||||||
return bubble;
|
return bubble;
|
||||||
|
@ -53,9 +53,9 @@ export default class CacheStorageController {
|
|||||||
} */
|
} */
|
||||||
|
|
||||||
public getFile(fileName: string, method: 'blob' | 'json' | 'text' = 'blob'): Promise<any> {
|
public getFile(fileName: string, method: 'blob' | 'json' | 'text' = 'blob'): Promise<any> {
|
||||||
if(method == 'blob') {
|
/* if(method == 'blob') {
|
||||||
return Promise.reject();
|
return Promise.reject();
|
||||||
}
|
} */
|
||||||
|
|
||||||
// const str = `get fileName: ${fileName}`;
|
// const str = `get fileName: ${fileName}`;
|
||||||
// console.time(str);
|
// console.time(str);
|
||||||
|
@ -452,6 +452,10 @@
|
|||||||
margin-left: 5px;
|
margin-left: 5px;
|
||||||
margin-top: -1px;
|
margin-top: -1px;
|
||||||
|
|
||||||
|
&__filled {
|
||||||
|
background-color: #0089ff;
|
||||||
|
}
|
||||||
|
|
||||||
&__loaded {
|
&__loaded {
|
||||||
background-color: #cacaca;
|
background-color: #cacaca;
|
||||||
}
|
}
|
||||||
|
@ -836,11 +836,11 @@ $chat-helper-size: 39px;
|
|||||||
}
|
}
|
||||||
|
|
||||||
.btn-icon {
|
.btn-icon {
|
||||||
margin-left: 6px;
|
margin: 0 5px 0 6px;
|
||||||
maRgin-top: 6px;
|
|
||||||
color: #3f454a;
|
color: #3f454a;
|
||||||
height: 42px;
|
height: 42px;
|
||||||
width: 42px;
|
width: 42px;
|
||||||
|
line-height: 42px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.btn-primary {
|
.btn-primary {
|
||||||
|
@ -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 */ {
|
&.zoom-fade /* .bubble__container */ {
|
||||||
//transform: scale(.8) translateZ(0);
|
//transform: scale(.8) translateZ(0);
|
||||||
transform: scale3d(.8, .8, 1);
|
transform: scale3d(.8, .8, 1);
|
||||||
@ -234,7 +198,7 @@ $bubble-margin: .25rem;
|
|||||||
|
|
||||||
& > &-select-checkbox {
|
& > &-select-checkbox {
|
||||||
//bottom: .75rem; // * by avatar
|
//bottom: .75rem; // * by avatar
|
||||||
bottom: 5px; // * by middle of one-line message
|
bottom: .3125rem; // * by middle of one-line message
|
||||||
/* left: 0;
|
/* left: 0;
|
||||||
top: 50%;
|
top: 50%;
|
||||||
transform: translateY(-50%); */
|
transform: translateY(-50%); */
|
||||||
@ -324,7 +288,7 @@ $bubble-margin: .25rem;
|
|||||||
|
|
||||||
&.service {
|
&.service {
|
||||||
//padding: 1rem 0;
|
//padding: 1rem 0;
|
||||||
padding: $bubble-margin 0;
|
//padding: $bubble-margin 0;
|
||||||
max-width: var(--messages-container-width);
|
max-width: var(--messages-container-width);
|
||||||
|
|
||||||
.bubble__container {
|
.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 {
|
&-beside-button {
|
||||||
//opacity: 0;
|
//opacity: 0;
|
||||||
//transition: .2s opacity;
|
//transition: .2s opacity;
|
||||||
@ -374,13 +375,13 @@ $bubble-margin: .25rem;
|
|||||||
bottom: -#{$bubble-margin};
|
bottom: -#{$bubble-margin};
|
||||||
}
|
}
|
||||||
|
|
||||||
> .bubble-select-checkbox {
|
/* > .bubble-select-checkbox {
|
||||||
bottom: 8px;
|
bottom: .3125rem;
|
||||||
}
|
} */
|
||||||
|
|
||||||
.bubbles-inner.is-chat &.is-in {
|
.bubbles-inner.is-chat &.is-in {
|
||||||
> .bubble-select-checkbox {
|
> .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 {
|
&:first-of-type {
|
||||||
.document-selection {
|
.document-selection {
|
||||||
top: -4px;
|
top: -$bubble-margin;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
} */
|
}
|
||||||
|
|
||||||
&.is-group-last .document-container {
|
&.is-group-last .document-container {
|
||||||
&:last-of-type {
|
&:last-of-type {
|
||||||
|
Loading…
x
Reference in New Issue
Block a user