@rpg-engine/long-bow 0.6.93 → 0.6.94
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/long-bow.cjs.development.js +13 -9
- package/dist/long-bow.cjs.development.js.map +1 -1
- package/dist/long-bow.cjs.production.min.js +1 -1
- package/dist/long-bow.cjs.production.min.js.map +1 -1
- package/dist/long-bow.esm.js +13 -9
- package/dist/long-bow.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/ChatRevamp/ChatRevamp.tsx +15 -6
package/package.json
CHANGED
|
@@ -134,9 +134,11 @@ export const ChatRevamp = ({
|
|
|
134
134
|
false
|
|
135
135
|
}
|
|
136
136
|
/>
|
|
137
|
-
<
|
|
138
|
-
{
|
|
139
|
-
|
|
137
|
+
<EllipsisWrapper>
|
|
138
|
+
<Ellipsis maxLines={1} maxWidth="120px">
|
|
139
|
+
{character.name}
|
|
140
|
+
</Ellipsis>
|
|
141
|
+
</EllipsisWrapper>
|
|
140
142
|
</ListElement>
|
|
141
143
|
<CloseButton
|
|
142
144
|
onClick={() => onRemoveRecentChatCharacter?.(character)}
|
|
@@ -303,20 +305,19 @@ const RecentChatLogContainer = styled.div<{ isOpen: boolean }>`
|
|
|
303
305
|
padding: 0;
|
|
304
306
|
margin: 0;
|
|
305
307
|
flex: 1;
|
|
306
|
-
width: 120px;
|
|
307
|
-
min-width: 120px;
|
|
308
308
|
`;
|
|
309
309
|
|
|
310
310
|
const ListElementContainer = styled.div`
|
|
311
311
|
display: flex;
|
|
312
312
|
justify-content: space-between;
|
|
313
313
|
align-items: center;
|
|
314
|
+
width: 100%;
|
|
314
315
|
`;
|
|
315
316
|
|
|
316
317
|
const ListElement = styled.button<{ active: boolean }>`
|
|
317
318
|
margin: 0.5rem 0 !important;
|
|
318
319
|
font-size: ${uiFonts.size.small} !important;
|
|
319
|
-
padding: 8px;
|
|
320
|
+
padding: 8px 4px;
|
|
320
321
|
border-radius: 4px;
|
|
321
322
|
all: unset;
|
|
322
323
|
color: ${props => (props.active ? uiColors.yellow : uiColors.white)};
|
|
@@ -326,12 +327,19 @@ const ListElement = styled.button<{ active: boolean }>`
|
|
|
326
327
|
align-items: center;
|
|
327
328
|
gap: 4px;
|
|
328
329
|
transition: all 0.2s ease;
|
|
330
|
+
flex: 1;
|
|
331
|
+
min-width: 0;
|
|
329
332
|
|
|
330
333
|
&:hover {
|
|
331
334
|
background-color: rgba(255, 255, 255, 0.1);
|
|
332
335
|
}
|
|
333
336
|
`;
|
|
334
337
|
|
|
338
|
+
const EllipsisWrapper = styled.div`
|
|
339
|
+
flex: 1;
|
|
340
|
+
min-width: 0;
|
|
341
|
+
`;
|
|
342
|
+
|
|
335
343
|
const StatusDot = styled.span<{ isUnseen: boolean }>`
|
|
336
344
|
width: 6px;
|
|
337
345
|
height: 6px;
|
|
@@ -354,6 +362,7 @@ const CloseButton = styled.button`
|
|
|
354
362
|
display: flex;
|
|
355
363
|
align-items: center;
|
|
356
364
|
justify-content: center;
|
|
365
|
+
flex-shrink: 0;
|
|
357
366
|
|
|
358
367
|
&:hover {
|
|
359
368
|
background-color: ${uiColors.white};
|