@rpg-engine/long-bow 0.6.92 → 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 -5
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,19 +305,19 @@ const RecentChatLogContainer = styled.div<{ isOpen: boolean }>`
|
|
|
303
305
|
padding: 0;
|
|
304
306
|
margin: 0;
|
|
305
307
|
flex: 1;
|
|
306
|
-
min-width: 150px;
|
|
307
308
|
`;
|
|
308
309
|
|
|
309
310
|
const ListElementContainer = styled.div`
|
|
310
311
|
display: flex;
|
|
311
312
|
justify-content: space-between;
|
|
312
313
|
align-items: center;
|
|
314
|
+
width: 100%;
|
|
313
315
|
`;
|
|
314
316
|
|
|
315
317
|
const ListElement = styled.button<{ active: boolean }>`
|
|
316
318
|
margin: 0.5rem 0 !important;
|
|
317
319
|
font-size: ${uiFonts.size.small} !important;
|
|
318
|
-
padding: 8px;
|
|
320
|
+
padding: 8px 4px;
|
|
319
321
|
border-radius: 4px;
|
|
320
322
|
all: unset;
|
|
321
323
|
color: ${props => (props.active ? uiColors.yellow : uiColors.white)};
|
|
@@ -325,12 +327,19 @@ const ListElement = styled.button<{ active: boolean }>`
|
|
|
325
327
|
align-items: center;
|
|
326
328
|
gap: 4px;
|
|
327
329
|
transition: all 0.2s ease;
|
|
330
|
+
flex: 1;
|
|
331
|
+
min-width: 0;
|
|
328
332
|
|
|
329
333
|
&:hover {
|
|
330
334
|
background-color: rgba(255, 255, 255, 0.1);
|
|
331
335
|
}
|
|
332
336
|
`;
|
|
333
337
|
|
|
338
|
+
const EllipsisWrapper = styled.div`
|
|
339
|
+
flex: 1;
|
|
340
|
+
min-width: 0;
|
|
341
|
+
`;
|
|
342
|
+
|
|
334
343
|
const StatusDot = styled.span<{ isUnseen: boolean }>`
|
|
335
344
|
width: 6px;
|
|
336
345
|
height: 6px;
|
|
@@ -353,6 +362,7 @@ const CloseButton = styled.button`
|
|
|
353
362
|
display: flex;
|
|
354
363
|
align-items: center;
|
|
355
364
|
justify-content: center;
|
|
365
|
+
flex-shrink: 0;
|
|
356
366
|
|
|
357
367
|
&:hover {
|
|
358
368
|
background-color: ${uiColors.white};
|