stream-chat-angular 4.5.3 → 4.7.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/assets/version.d.ts +1 -1
- package/bundles/stream-chat-angular.umd.js +46 -36
- package/bundles/stream-chat-angular.umd.js.map +1 -1
- package/esm2015/assets/version.js +2 -2
- package/esm2015/lib/attachment-configuration.service.js +26 -23
- package/esm2015/lib/attachment-list/attachment-list.component.js +2 -2
- package/esm2015/lib/channel.service.js +19 -13
- package/esm2015/lib/types.js +1 -1
- package/fesm2015/stream-chat-angular.js +45 -36
- package/fesm2015/stream-chat-angular.js.map +1 -1
- package/lib/attachment-configuration.service.d.ts +3 -3
- package/lib/attachment-list/attachment-list.component.d.ts +3 -3
- package/lib/types.d.ts +5 -1
- package/package.json +1 -1
- package/src/assets/styles/css/index.css +1 -1
- package/src/assets/styles/css/index.css.map +1 -1
- package/src/assets/styles/scss/Attachment.scss +45 -20
- package/src/assets/styles/scss/Audio.scss +1 -0
- package/src/assets/styles/scss/Message.scss +26 -41
- package/src/assets/styles/scss/MessageCommerce.scss +1 -1
- package/src/assets/styles/scss/Thread.scss +39 -2
- package/src/assets/styles/scss/VirtualMessage.scss +2 -6
- package/src/assets/styles/v2/css/index.css +1 -1
- package/src/assets/styles/v2/css/index.css.map +1 -1
- package/src/assets/styles/v2/css/index.layout.css +1 -1
- package/src/assets/styles/v2/css/index.layout.css.map +1 -1
- package/src/assets/styles/v2/scss/AttachmentList/AttachmentList-layout.scss +18 -13
- package/src/assets/styles/v2/scss/MessageList/MessageList-layout.scss +1 -4
- package/src/assets/styles/v2/scss/MessageList/VirtualizedMessageList-layout.scss +21 -0
- package/src/assets/styles/v2/scss/MessageList/VirtualizedMessageList-theme.scss +9 -0
- package/src/assets/styles/v2/scss/Notification/NotificationList-theme.scss +2 -2
- package/src/assets/styles/v2/scss/_utils.scss +8 -0
- package/src/assets/version.ts +1 -1
|
@@ -32,12 +32,9 @@
|
|
|
32
32
|
|
|
33
33
|
.str-chat__thread-start {
|
|
34
34
|
text-align: start;
|
|
35
|
+
padding-top: var(--str-chat__spacing-3);
|
|
35
36
|
}
|
|
36
37
|
}
|
|
37
|
-
|
|
38
|
-
.str-chat__parent-message-li .str-chat__thread-start {
|
|
39
|
-
padding-top: var(--str-chat__spacing-3);
|
|
40
|
-
}
|
|
41
38
|
}
|
|
42
39
|
|
|
43
40
|
.str-chat__jump-to-latest-message {
|
|
@@ -14,6 +14,15 @@
|
|
|
14
14
|
@include utils.message-list-spacing;
|
|
15
15
|
}
|
|
16
16
|
|
|
17
|
+
.str-chat__parent-message-li {
|
|
18
|
+
padding-block-end: var(--str-chat__spacing-4);
|
|
19
|
+
|
|
20
|
+
.str-chat__thread-start {
|
|
21
|
+
text-align: start;
|
|
22
|
+
padding-top: var(--str-chat__spacing-3);
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
|
|
17
26
|
// conditionally showing the header displaces items when prepending.
|
|
18
27
|
// a simple workaround is to make the loading indicator an overlay.
|
|
19
28
|
&__loading {
|
|
@@ -42,3 +51,15 @@
|
|
|
42
51
|
padding-block-end: var(--str-chat__spacing-0_5);
|
|
43
52
|
}
|
|
44
53
|
}
|
|
54
|
+
|
|
55
|
+
|
|
56
|
+
.str-chat__thread--virtualized {
|
|
57
|
+
.str-chat__main-panel-inner {
|
|
58
|
+
height: 100%;
|
|
59
|
+
|
|
60
|
+
// the first message in virtualized thread has to be separated from the top by padding, not margin
|
|
61
|
+
.str-chat__virtual-list-message-wrapper:first-of-type {
|
|
62
|
+
padding-block-start: var(--str-chat__spacing-4);
|
|
63
|
+
}
|
|
64
|
+
}
|
|
65
|
+
}
|
|
@@ -29,4 +29,13 @@
|
|
|
29
29
|
|
|
30
30
|
.str-chat__virtual-list {
|
|
31
31
|
@include utils.component-layer-overrides('virtual-list');
|
|
32
|
+
|
|
33
|
+
.str-chat__parent-message-li {
|
|
34
|
+
border-block-end: 1px solid var(--str-chat__thread-head-start-border-block-end-color);
|
|
35
|
+
|
|
36
|
+
.str-chat__thread-start {
|
|
37
|
+
color: var(--str-chat__thread-head-start-color);
|
|
38
|
+
font: var(--str-chat__subtitle-text);
|
|
39
|
+
}
|
|
40
|
+
}
|
|
32
41
|
}
|
|
@@ -26,6 +26,6 @@
|
|
|
26
26
|
--str-chat__notification-list-box-shadow: none;
|
|
27
27
|
}
|
|
28
28
|
|
|
29
|
-
.str-chat__list-
|
|
30
|
-
@include utils.component-layer-overrides('notification-list
|
|
29
|
+
.str-chat__list-notifications {
|
|
30
|
+
@include utils.component-layer-overrides('notification-list');
|
|
31
31
|
}
|
|
@@ -186,3 +186,11 @@
|
|
|
186
186
|
@mixin channel-preview-display-name-theme {
|
|
187
187
|
font: var(--str-chat__subtitle-medium-text);
|
|
188
188
|
}
|
|
189
|
+
|
|
190
|
+
@mixin clamped-height-from-original-image-dimensions($max-height-css-var, $max-width-css-var) {
|
|
191
|
+
height: min(
|
|
192
|
+
var(#{$max-height-css-var}),
|
|
193
|
+
min(var(#{$max-width-css-var}, 1000000) / var(--original-width, 1000000), 1px) *
|
|
194
|
+
var(--original-height, 1000000)
|
|
195
|
+
);
|
|
196
|
+
}
|
package/src/assets/version.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export const version = '4.
|
|
1
|
+
export const version = '4.7.0';
|