@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
|
@@ -31161,7 +31161,7 @@ var BaseInformationDetails = function BaseInformationDetails(_ref) {
|
|
|
31161
31161
|
var Container$p = /*#__PURE__*/styled__default.div.withConfig({
|
|
31162
31162
|
displayName: "BaseInformationDetails__Container",
|
|
31163
31163
|
componentId: "sc-1vguuz8-0"
|
|
31164
|
-
})(["position:fixed;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;z-index:1000;"]);
|
|
31164
|
+
})(["position:fixed;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;z-index:1000;height:90%;width:90%;"]);
|
|
31165
31165
|
var Overlay = /*#__PURE__*/styled__default.div.withConfig({
|
|
31166
31166
|
displayName: "BaseInformationDetails__Overlay",
|
|
31167
31167
|
componentId: "sc-1vguuz8-1"
|
|
@@ -32148,7 +32148,13 @@ var InformationCenterTutorialsSection = function InformationCenterTutorialsSecti
|
|
|
32148
32148
|
}, React__default.createElement(GuideThumbnail, null, React__default.createElement("img", {
|
|
32149
32149
|
src: guide.localImage || getYouTubeThumbnail(guide.videoUrl),
|
|
32150
32150
|
alt: guide.title
|
|
32151
|
-
})), React__default.createElement(GuideContent, null, React__default.createElement(GuideTitle, null,
|
|
32151
|
+
})), React__default.createElement(GuideContent, null, React__default.createElement(GuideTitle, null, React__default.createElement(Ellipsis, {
|
|
32152
|
+
maxWidth: "100%",
|
|
32153
|
+
maxLines: 2
|
|
32154
|
+
}, guide.title)), React__default.createElement(GuideDescription, null, React__default.createElement(Ellipsis, {
|
|
32155
|
+
maxWidth: "100%",
|
|
32156
|
+
maxLines: 5
|
|
32157
|
+
}, guide.description)), React__default.createElement(GuideLabelsContainer, null, React__default.createElement(GuideCategory, null, guide.category), React__default.createElement(GuideLanguage, null, guide.language))));
|
|
32152
32158
|
};
|
|
32153
32159
|
var filteredGuides = React.useMemo(function () {
|
|
32154
32160
|
return videoGuides.filter(function (guide) {
|
|
@@ -32205,7 +32211,7 @@ var GuideContent = /*#__PURE__*/styled__default.div.withConfig({
|
|
|
32205
32211
|
var GuideTitle = /*#__PURE__*/styled__default.h3.withConfig({
|
|
32206
32212
|
displayName: "InformationCenterTutorialsSection__GuideTitle",
|
|
32207
32213
|
componentId: "sc-1gk05vk-3"
|
|
32208
|
-
})(["margin:0;font-size:0.6rem !important;color:", ";font-family:'Press Start 2P',cursive;margin-bottom:5px;"], uiColors.yellow);
|
|
32214
|
+
})(["margin:0;font-size:0.6rem !important;color:", ";font-family:'Press Start 2P',cursive;margin-bottom:5px;text-overflow:ellipsis;"], uiColors.yellow);
|
|
32209
32215
|
var GuideDescription = /*#__PURE__*/styled__default.p.withConfig({
|
|
32210
32216
|
displayName: "InformationCenterTutorialsSection__GuideDescription",
|
|
32211
32217
|
componentId: "sc-1gk05vk-4"
|
|
@@ -32221,7 +32227,7 @@ var GuideLanguage = /*#__PURE__*/styled__default.label.withConfig({
|
|
|
32221
32227
|
var GuideLabelsContainer = /*#__PURE__*/styled__default.div.withConfig({
|
|
32222
32228
|
displayName: "InformationCenterTutorialsSection__GuideLabelsContainer",
|
|
32223
32229
|
componentId: "sc-1gk05vk-7"
|
|
32224
|
-
})(["display:flex;justify-content:space-between;padding:0 6px 6px;"]);
|
|
32230
|
+
})(["display:flex;justify-content:space-between;padding:0 6px 6px;margin-top:auto;"]);
|
|
32225
32231
|
|
|
32226
32232
|
var InformationCenter = function InformationCenter(_ref) {
|
|
32227
32233
|
var itemsAtlasJSON = _ref.itemsAtlasJSON,
|