@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/dist/long-bow.esm.js
CHANGED
|
@@ -31156,7 +31156,7 @@ var BaseInformationDetails = function BaseInformationDetails(_ref) {
|
|
|
31156
31156
|
var Container$p = /*#__PURE__*/styled.div.withConfig({
|
|
31157
31157
|
displayName: "BaseInformationDetails__Container",
|
|
31158
31158
|
componentId: "sc-1vguuz8-0"
|
|
31159
|
-
})(["position:fixed;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;z-index:1000;"]);
|
|
31159
|
+
})(["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%;"]);
|
|
31160
31160
|
var Overlay = /*#__PURE__*/styled.div.withConfig({
|
|
31161
31161
|
displayName: "BaseInformationDetails__Overlay",
|
|
31162
31162
|
componentId: "sc-1vguuz8-1"
|
|
@@ -32143,7 +32143,13 @@ var InformationCenterTutorialsSection = function InformationCenterTutorialsSecti
|
|
|
32143
32143
|
}, React.createElement(GuideThumbnail, null, React.createElement("img", {
|
|
32144
32144
|
src: guide.localImage || getYouTubeThumbnail(guide.videoUrl),
|
|
32145
32145
|
alt: guide.title
|
|
32146
|
-
})), React.createElement(GuideContent, null, React.createElement(GuideTitle, null,
|
|
32146
|
+
})), React.createElement(GuideContent, null, React.createElement(GuideTitle, null, React.createElement(Ellipsis, {
|
|
32147
|
+
maxWidth: "100%",
|
|
32148
|
+
maxLines: 2
|
|
32149
|
+
}, guide.title)), React.createElement(GuideDescription, null, React.createElement(Ellipsis, {
|
|
32150
|
+
maxWidth: "100%",
|
|
32151
|
+
maxLines: 5
|
|
32152
|
+
}, guide.description)), React.createElement(GuideLabelsContainer, null, React.createElement(GuideCategory, null, guide.category), React.createElement(GuideLanguage, null, guide.language))));
|
|
32147
32153
|
};
|
|
32148
32154
|
var filteredGuides = useMemo(function () {
|
|
32149
32155
|
return videoGuides.filter(function (guide) {
|
|
@@ -32200,7 +32206,7 @@ var GuideContent = /*#__PURE__*/styled.div.withConfig({
|
|
|
32200
32206
|
var GuideTitle = /*#__PURE__*/styled.h3.withConfig({
|
|
32201
32207
|
displayName: "InformationCenterTutorialsSection__GuideTitle",
|
|
32202
32208
|
componentId: "sc-1gk05vk-3"
|
|
32203
|
-
})(["margin:0;font-size:0.6rem !important;color:", ";font-family:'Press Start 2P',cursive;margin-bottom:5px;"], uiColors.yellow);
|
|
32209
|
+
})(["margin:0;font-size:0.6rem !important;color:", ";font-family:'Press Start 2P',cursive;margin-bottom:5px;text-overflow:ellipsis;"], uiColors.yellow);
|
|
32204
32210
|
var GuideDescription = /*#__PURE__*/styled.p.withConfig({
|
|
32205
32211
|
displayName: "InformationCenterTutorialsSection__GuideDescription",
|
|
32206
32212
|
componentId: "sc-1gk05vk-4"
|
|
@@ -32216,7 +32222,7 @@ var GuideLanguage = /*#__PURE__*/styled.label.withConfig({
|
|
|
32216
32222
|
var GuideLabelsContainer = /*#__PURE__*/styled.div.withConfig({
|
|
32217
32223
|
displayName: "InformationCenterTutorialsSection__GuideLabelsContainer",
|
|
32218
32224
|
componentId: "sc-1gk05vk-7"
|
|
32219
|
-
})(["display:flex;justify-content:space-between;padding:0 6px 6px;"]);
|
|
32225
|
+
})(["display:flex;justify-content:space-between;padding:0 6px 6px;margin-top:auto;"]);
|
|
32220
32226
|
|
|
32221
32227
|
var InformationCenter = function InformationCenter(_ref) {
|
|
32222
32228
|
var itemsAtlasJSON = _ref.itemsAtlasJSON,
|