@webitel/ui-chats 0.1.29 → 0.1.31

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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@webitel/ui-chats",
3
- "version": "0.1.29",
3
+ "version": "0.1.31",
4
4
  "description": "Reusable Webitel Frontend Code for Chats UI",
5
5
  "workspaces": [
6
6
  "../../",
package/src/css/main.css CHANGED
@@ -1,4 +1,5 @@
1
1
  #app {
2
2
  --chat-file-max-height: 280px;
3
3
  --chat-file-max-width: 280px;
4
+ --chat-audio-player-min-width: 250px;
4
5
  }
@@ -5,21 +5,22 @@
5
5
  >
6
6
  <wt-vidstack-player
7
7
  v-if="isVideo"
8
+ :size="ComponentSize.SM"
9
+ :src="mediaSrc"
10
+ :title="file.name"
8
11
  static
9
12
  hide-expand
10
13
  stretch
11
- :size="ComponentSize.SM"
12
- :src="mediaSrc"
14
+ countdown-time-mode
13
15
  />
14
16
  <wt-player
15
17
  v-else
16
18
  :src="mediaSrc"
17
19
  :autoplay="false"
18
20
  :closable="false"
19
- :id="ringtone.name"
20
21
  hide-volume-slider
21
22
  hide-mute-button
22
- class="chat-message-player__player"
23
+ class="chat-message-player__audio"
23
24
  @initialized="handlePlayerInitialize"
24
25
  />
25
26
  </div>
@@ -66,4 +67,9 @@ function handlePlayerInitialize(player) {
66
67
  max-height: var(--chat-file-max-height);
67
68
  max-width: var(--chat-file-max-width);
68
69
  }
70
+
71
+ .chat-message-player__audio {
72
+ min-width: var(--chat-file-min-width);
73
+ }
74
+
69
75
  </style>