@bcc-code/vue-bcc-chat-ui 3.40.1 → 3.40.2
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/dist/style.css +1 -1
- package/dist/vue-bcc-chat-ui.js +209 -209
- package/dist/vue-bcc-chat-ui.js.map +1 -1
- package/package.json +1 -1
- package/src/components/BccChatMessageList.vue +28 -24
- package/src/components/BccScheduledMessageModal.vue +19 -19
- package/src/components/BccScheduledMessages.vue +9 -13
package/package.json
CHANGED
|
@@ -166,10 +166,12 @@ body {
|
|
|
166
166
|
background: #fff;
|
|
167
167
|
color: #000;
|
|
168
168
|
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
169
|
+
|
|
170
|
+
}
|
|
171
|
+
|
|
172
|
+
:host.dark body {
|
|
173
|
+
background: #000;
|
|
174
|
+
color: #fff;
|
|
173
175
|
}
|
|
174
176
|
|
|
175
177
|
.bcc-chat-message-list-wrapper {
|
|
@@ -189,7 +191,6 @@ accent900: text in avatar
|
|
|
189
191
|
*/
|
|
190
192
|
|
|
191
193
|
.bcc-chat-message-list {
|
|
192
|
-
height: 100%;
|
|
193
194
|
--cc__primary: #cfeac8;
|
|
194
195
|
--cc__primary150: #004e48;
|
|
195
196
|
--cc__background: #f3faf7;
|
|
@@ -207,27 +208,30 @@ accent900: text in avatar
|
|
|
207
208
|
--cc__accent900: #f3faf7;
|
|
208
209
|
--cc__text-color: #000;
|
|
209
210
|
--cc__link-color: #57639e;
|
|
211
|
+
}
|
|
210
212
|
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
213
|
+
:root.dark .bcc-chat-message-list {
|
|
214
|
+
--cc__primary: #57639e;
|
|
215
|
+
--cc__primary150: #57639e;
|
|
216
|
+
--cc__background: hsl(230, 25%, 15%);
|
|
217
|
+
--cc__secondary: #111827;
|
|
218
|
+
--cc__accent: #6274ae;
|
|
219
|
+
--cc__accent50: rgba(98, 116, 174, 0.24);
|
|
220
|
+
--cc__accent100: linear-gradient(45deg, #05070b 0%, #0c111c 100%);
|
|
221
|
+
--cc__accent200: rgba(98, 116, 174, 0.35);
|
|
222
|
+
--cc__accent300: rgba(98, 116, 174, 0.44);
|
|
223
|
+
--cc__accent400: rgba(98, 116, 174, 0.53);
|
|
224
|
+
--cc__accent500: rgba(98, 116, 174, 0.66);
|
|
225
|
+
--cc__accent600: #758abc;
|
|
226
|
+
--cc__accent700: #6274ae;
|
|
227
|
+
--cc__accent800: rgba(98, 116, 174, 0.92);
|
|
228
|
+
--cc__accent900: #f3faf7;
|
|
229
|
+
--cc__text-color: #fff;
|
|
230
|
+
--cc__link-color: #cfeac8;
|
|
231
|
+
}
|
|
230
232
|
|
|
233
|
+
.bcc-chat-message-list {
|
|
234
|
+
height: 100%;
|
|
231
235
|
/* 1. Wrapper for Messages component */
|
|
232
236
|
.cc-messages-wrapper {
|
|
233
237
|
|
|
@@ -84,26 +84,26 @@ function scheduleMessage() {
|
|
|
84
84
|
--cc__accent900: #f3faf7;
|
|
85
85
|
--cc__text-color: #000;
|
|
86
86
|
--cc__link-color: #57639e;
|
|
87
|
+
}
|
|
87
88
|
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
}
|
|
89
|
+
:root.dark {
|
|
90
|
+
--cc__primary: #57639e;
|
|
91
|
+
--cc__primary150: #57639e;
|
|
92
|
+
--cc__background: hsl(230, 25%, 15%);
|
|
93
|
+
--cc__secondary: #111827;
|
|
94
|
+
--cc__accent: #6274ae;
|
|
95
|
+
--cc__accent50: rgba(98, 116, 174, 0.24);
|
|
96
|
+
--cc__accent100: linear-gradient(45deg, #05070b 0%, #0c111c 100%);
|
|
97
|
+
--cc__accent200: rgba(98, 116, 174, 0.35);
|
|
98
|
+
--cc__accent300: rgba(98, 116, 174, 0.44);
|
|
99
|
+
--cc__accent400: rgba(98, 116, 174, 0.53);
|
|
100
|
+
--cc__accent500: rgba(98, 116, 174, 0.66);
|
|
101
|
+
--cc__accent600: #758abc;
|
|
102
|
+
--cc__accent700: #6274ae;
|
|
103
|
+
--cc__accent800: rgba(98, 116, 174, 0.92);
|
|
104
|
+
--cc__accent900: #f3faf7;
|
|
105
|
+
--cc__text-color: #fff;
|
|
106
|
+
--cc__link-color: #cfeac8;
|
|
107
107
|
}
|
|
108
108
|
|
|
109
109
|
.modal {
|
|
@@ -74,7 +74,7 @@ onUnmounted(() => {
|
|
|
74
74
|
<template>
|
|
75
75
|
<div class="bcc-chat-message-list">
|
|
76
76
|
<div class="title-bar">
|
|
77
|
-
<p class="
|
|
77
|
+
<p class="title"> {{ localize("SCHEDULED_MESSAGES") }} </p>
|
|
78
78
|
<CloseIcon @click="closeList()" class="closeIcon" />
|
|
79
79
|
</div>
|
|
80
80
|
<div v-if="chatGroup" class="bcc-chat-message-list scheduled-list">
|
|
@@ -99,25 +99,21 @@ onUnmounted(() => {
|
|
|
99
99
|
</div>
|
|
100
100
|
</template>
|
|
101
101
|
|
|
102
|
-
<style>
|
|
102
|
+
<style scoped>
|
|
103
103
|
.title-bar {
|
|
104
104
|
display: flex;
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
105
|
+
align-items: center;
|
|
106
|
+
justify-content: space-between;
|
|
107
|
+
background: var(--cc__secondary, #111827);
|
|
108
|
+
padding: 0.4rem 0.6rem;
|
|
108
109
|
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
font-size: large;
|
|
112
|
-
vertical-align: middle;
|
|
113
|
-
margin-top: 4px;
|
|
114
|
-
margin-left: 6px;
|
|
110
|
+
|
|
111
|
+
.title {
|
|
115
112
|
color: var(--cc__text-color);
|
|
116
113
|
}
|
|
117
114
|
|
|
118
115
|
.closeIcon {
|
|
119
|
-
|
|
120
|
-
width: 8%;
|
|
116
|
+
width: 1.2rem;
|
|
121
117
|
cursor: pointer;
|
|
122
118
|
color: var(--cc__text-color);
|
|
123
119
|
}
|