stream-chat-angular 4.6.0 → 4.8.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.
Files changed (38) hide show
  1. package/assets/version.d.ts +1 -1
  2. package/bundles/stream-chat-angular.umd.js +27 -24
  3. package/bundles/stream-chat-angular.umd.js.map +1 -1
  4. package/esm2015/assets/version.js +2 -2
  5. package/esm2015/lib/attachment-configuration.service.js +26 -23
  6. package/esm2015/lib/attachment-list/attachment-list.component.js +2 -2
  7. package/esm2015/lib/types.js +1 -1
  8. package/fesm2015/stream-chat-angular.js +27 -24
  9. package/fesm2015/stream-chat-angular.js.map +1 -1
  10. package/lib/attachment-configuration.service.d.ts +3 -3
  11. package/lib/attachment-list/attachment-list.component.d.ts +3 -3
  12. package/lib/types.d.ts +5 -1
  13. package/package.json +1 -1
  14. package/src/assets/styles/css/index.css +1 -1
  15. package/src/assets/styles/css/index.css.map +1 -1
  16. package/src/assets/styles/scss/Attachment.scss +45 -20
  17. package/src/assets/styles/scss/Audio.scss +1 -0
  18. package/src/assets/styles/scss/ChannelList.scss +14 -0
  19. package/src/assets/styles/scss/ChannelSearch.scss +8 -8
  20. package/src/assets/styles/scss/Message.scss +26 -41
  21. package/src/assets/styles/scss/MessageCommerce.scss +1 -1
  22. package/src/assets/styles/scss/Thread.scss +39 -2
  23. package/src/assets/styles/scss/VirtualMessage.scss +2 -6
  24. package/src/assets/styles/v2/css/index.css +1 -1
  25. package/src/assets/styles/v2/css/index.css.map +1 -1
  26. package/src/assets/styles/v2/css/index.layout.css +1 -1
  27. package/src/assets/styles/v2/css/index.layout.css.map +1 -1
  28. package/src/assets/styles/v2/scss/AttachmentList/AttachmentList-layout.scss +18 -13
  29. package/src/assets/styles/v2/scss/ChannelList/ChannelList-layout.scss +14 -0
  30. package/src/assets/styles/v2/scss/ChannelSearch/ChannelSearch-layout.scss +68 -51
  31. package/src/assets/styles/v2/scss/ChannelSearch/ChannelSearch-theme.scss +48 -0
  32. package/src/assets/styles/v2/scss/MessageList/MessageList-layout.scss +1 -4
  33. package/src/assets/styles/v2/scss/MessageList/VirtualizedMessageList-layout.scss +21 -0
  34. package/src/assets/styles/v2/scss/MessageList/VirtualizedMessageList-theme.scss +9 -0
  35. package/src/assets/styles/v2/scss/Notification/NotificationList-theme.scss +2 -2
  36. package/src/assets/styles/v2/scss/Tooltip/Tooltip-layout.scss +1 -1
  37. package/src/assets/styles/v2/scss/_utils.scss +8 -0
  38. package/src/assets/version.ts +1 -1
package/src/assets/styles/scss/Thread.scss CHANGED
@@ -10,11 +10,48 @@
10
10
  flex-direction: column;
11
11
  padding-top: 0;
12
12
 
13
- .str-chat__thread-container {
14
- height: 100%;
13
+ .str-chat__virtual-list .str-chat__virtual-list-message-wrapper {
14
+ padding-left: var(--md-p);
15
+ padding-right: var(--md-p);
16
+ }
17
+
18
+ &.str-chat__thread-container {
19
+ max-height: 100%;
15
20
  display: flex;
16
21
  flex-direction: column;
17
22
  width: 100%;
23
+
24
+ .str-chat__parent-message-li {
25
+ .str-chat__message {
26
+ padding-left: var(--md-p);
27
+ padding-right: var(--md-p);
28
+
29
+ .str-chat__message-inner {
30
+ min-width: 0;
31
+ }
32
+
33
+ .str-chat__message-attachment--image,
34
+ .str-chat__message-attachment-card {
35
+ border-radius: var(--border-radius) var(--border-radius) var(--border-radius) calc(var(--border-radius-sm) / 2) ;
36
+ }
37
+ }
38
+
39
+ .str-chat__message--me {
40
+ .str-chat__message-attachment--img,
41
+ .str-chat__message-attachment-card {
42
+ border-radius: var(--border-radius) var(--border-radius) calc(var(--border-radius-sm) / 2) var(--border-radius);
43
+ }
44
+ }
45
+
46
+ .str-chat__message--with-reactions {
47
+ padding-top: var(--xl-p);
48
+ }
49
+
50
+ .str-chat__message:not(.str-chat__message--has-attachment) {
51
+ padding-top: var(--xs-p);
52
+ }
53
+
54
+ }
18
55
  }
19
56
 
20
57
  &--full {
package/src/assets/styles/scss/VirtualMessage.scss CHANGED
@@ -3,12 +3,11 @@
3
3
  font-size: 0;
4
4
 
5
5
  .str-chat__virtual-list-message-wrapper {
6
- padding: 1px var(--xl-p);
6
+ padding-left: var(--xl-p);
7
+ padding-right: var(--xl-p);
7
8
  width: 100%;
8
9
 
9
10
  .str-chat__message-simple {
10
- padding-bottom: var(--sm-p);
11
-
12
11
  &.str-chat__virtual-message__wrapper--first {
13
12
  padding-bottom: 0;
14
13
  padding-left: var(--xl-p);
@@ -40,7 +39,6 @@
40
39
 
41
40
  &.str-chat__virtual-message__wrapper--group {
42
41
  align-items: center;
43
- padding-bottom: 0;
44
42
  padding-left: var(--xl-p);
45
43
 
46
44
  &.str-chat__message-simple--me {
@@ -254,8 +252,6 @@
254
252
  }
255
253
 
256
254
  .str-chat__virtual-message__wrapper--group {
257
- padding-top: 0;
258
-
259
255
  > .str-chat__avatar {
260
256
  display: none;
261
257
  }