@rpg-engine/long-bow 0.8.22 → 0.8.23
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 +10 -4
- 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 +10 -4
- package/dist/long-bow.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/InformationCenter/sections/tutorials/InformationCenterTutorialsSection.tsx +13 -2
- package/src/components/InformationCenter/shared/BaseInformationDetails.tsx +2 -0
- package/src/mocks/informationCenter.mocks.ts +1 -1
package/package.json
CHANGED
package/src/components/InformationCenter/sections/tutorials/InformationCenterTutorialsSection.tsx
CHANGED
|
@@ -9,6 +9,7 @@ import { uiColors } from '../../../../constants/uiColors';
|
|
|
9
9
|
import { IOptionsProps } from '../../../Dropdown';
|
|
10
10
|
import { PaginatedContent } from '../../../shared/PaginatedContent/PaginatedContent';
|
|
11
11
|
|
|
12
|
+
import { Ellipsis } from '../../../shared/Ellipsis';
|
|
12
13
|
import { formatItemType } from '../items/InformationCenterItemsSection';
|
|
13
14
|
|
|
14
15
|
interface ITutorialsSectionProps {
|
|
@@ -74,8 +75,16 @@ export const InformationCenterTutorialsSection: React.FC<ITutorialsSectionProps>
|
|
|
74
75
|
/>
|
|
75
76
|
</GuideThumbnail>
|
|
76
77
|
<GuideContent>
|
|
77
|
-
<GuideTitle>
|
|
78
|
-
|
|
78
|
+
<GuideTitle>
|
|
79
|
+
<Ellipsis maxWidth="100%" maxLines={2}>
|
|
80
|
+
{guide.title}
|
|
81
|
+
</Ellipsis>
|
|
82
|
+
</GuideTitle>
|
|
83
|
+
<GuideDescription>
|
|
84
|
+
<Ellipsis maxWidth="100%" maxLines={5}>
|
|
85
|
+
{guide.description}
|
|
86
|
+
</Ellipsis>
|
|
87
|
+
</GuideDescription>
|
|
79
88
|
<GuideLabelsContainer>
|
|
80
89
|
<GuideCategory>{guide.category}</GuideCategory>
|
|
81
90
|
<GuideLanguage>{guide.language}</GuideLanguage>
|
|
@@ -185,6 +194,7 @@ const GuideTitle = styled.h3`
|
|
|
185
194
|
color: ${uiColors.yellow};
|
|
186
195
|
font-family: 'Press Start 2P', cursive;
|
|
187
196
|
margin-bottom: 5px;
|
|
197
|
+
text-overflow: ellipsis;
|
|
188
198
|
`;
|
|
189
199
|
|
|
190
200
|
const GuideDescription = styled.p`
|
|
@@ -231,4 +241,5 @@ const GuideLabelsContainer = styled.div`
|
|
|
231
241
|
display: flex;
|
|
232
242
|
justify-content: space-between;
|
|
233
243
|
padding: 0 6px 6px;
|
|
244
|
+
margin-top: auto;
|
|
234
245
|
`;
|
|
@@ -601,7 +601,7 @@ export const mockTutorials: IVideoGuide[] = [
|
|
|
601
601
|
},
|
|
602
602
|
{
|
|
603
603
|
id: '2',
|
|
604
|
-
title: 'Advanced Combat Techniques',
|
|
604
|
+
title: 'Advanced Combat Techniques for class Archer',
|
|
605
605
|
description: 'Master the art of combat with advanced combos and spell casting.',
|
|
606
606
|
videoUrl: 'https://youtu.be/7LQlyy0Y720?si=wZ79VC4sCsI781Mn',
|
|
607
607
|
category: VideoGuideCategory.Combat,
|