@rpg-engine/long-bow 0.8.22 → 0.8.24

package/dist/long-bow.cjs.development.js

@@ -31161,15 +31161,15 @@ var BaseInformationDetails = function BaseInformationDetails(_ref) {
 var Container$p = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "BaseInformationDetails__Container",
   componentId: "sc-1vguuz8-0"
-})(["position:fixed;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;z-index:1000;"]);
+})(["position:absolute;inset:0;display:flex;justify-content:center;align-items:center;z-index:1000;"]);
 var Overlay = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "BaseInformationDetails__Overlay",
   componentId: "sc-1vguuz8-1"
-})(["position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.8);"]);
+})(["position:absolute;inset:0;background-color:rgba(0,0,0,0.8);"]);
 var Modal = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "BaseInformationDetails__Modal",
   componentId: "sc-1vguuz8-2"
-})(["position:relative;width:90%;max-width:800px;max-height:90vh;background-color:rgba(0,0,0,0.95);border-radius:4px;padding:16px;overflow-y:auto;z-index:1;font-family:'Press Start 2P',cursive;border:1px solid ", ";box-shadow:0 2px 4px rgba(0,0,0,0.2);&::-webkit-scrollbar{width:2px;}&::-webkit-scrollbar-track{background:transparent;}&::-webkit-scrollbar-thumb{background-color:", ";border-radius:4px;opacity:0.5;&:hover{opacity:1;}}scrollbar-width:thin;scrollbar-color:", " transparent;"], uiColors.darkGray, uiColors.yellow, uiColors.yellow);
+})(["position:relative;width:90%;height:90%;background-color:rgba(0,0,0,0.95);border-radius:4px;padding:16px;overflow-y:auto;z-index:1;font-family:'Press Start 2P',cursive;border:1px solid ", ";box-shadow:0 2px 4px rgba(0,0,0,0.2);&::-webkit-scrollbar{width:2px;}&::-webkit-scrollbar-track{background:transparent;}&::-webkit-scrollbar-thumb{background-color:", ";border-radius:4px;opacity:0.5;&:hover{opacity:1;}}scrollbar-width:thin;scrollbar-color:", " transparent;"], uiColors.darkGray, uiColors.yellow, uiColors.yellow);
 var CloseButton$5 = /*#__PURE__*/styled__default.button.withConfig({
   displayName: "BaseInformationDetails__CloseButton",
   componentId: "sc-1vguuz8-3"
@@ -31181,7 +31181,7 @@ var Header$2 = /*#__PURE__*/styled__default.div.withConfig({
 var Content$2 = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "BaseInformationDetails__Content",
   componentId: "sc-1vguuz8-5"
-})(["display:flex;flex-direction:column;gap:16px;"]);
+})(["display:flex;flex-direction:column;gap:16px;height:100%;overflow:auto;"]);
 var Title$4 = /*#__PURE__*/styled__default.h2.withConfig({
   displayName: "BaseInformationDetails__Title",
   componentId: "sc-1vguuz8-6"
@@ -32148,7 +32148,13 @@ var InformationCenterTutorialsSection = function InformationCenterTutorialsSecti
     }, React__default.createElement(GuideThumbnail, null, React__default.createElement("img", {
       src: guide.localImage || getYouTubeThumbnail(guide.videoUrl),
       alt: guide.title
-    })), React__default.createElement(GuideContent, null, React__default.createElement(GuideTitle, null, guide.title), React__default.createElement(GuideDescription, null, guide.description), React__default.createElement(GuideLabelsContainer, null, React__default.createElement(GuideCategory, null, guide.category), React__default.createElement(GuideLanguage, null, guide.language))));
+    })), React__default.createElement(GuideContent, null, React__default.createElement(GuideTitle, null, React__default.createElement(Ellipsis, {
+      maxWidth: "100%",
+      maxLines: 2
+    }, guide.title)), React__default.createElement(GuideDescription, null, React__default.createElement(Ellipsis, {
+      maxWidth: "100%",
+      maxLines: 5
+    }, guide.description)), React__default.createElement(GuideLabelsContainer, null, React__default.createElement(GuideCategory, null, guide.category), React__default.createElement(GuideLanguage, null, guide.language))));
   };
   var filteredGuides = React.useMemo(function () {
     return videoGuides.filter(function (guide) {
@@ -32205,7 +32211,7 @@ var GuideContent = /*#__PURE__*/styled__default.div.withConfig({
 var GuideTitle = /*#__PURE__*/styled__default.h3.withConfig({
   displayName: "InformationCenterTutorialsSection__GuideTitle",
   componentId: "sc-1gk05vk-3"
-})(["margin:0;font-size:0.6rem !important;color:", ";font-family:'Press Start 2P',cursive;margin-bottom:5px;"], uiColors.yellow);
+})(["margin:0;font-size:0.6rem !important;color:", ";font-family:'Press Start 2P',cursive;margin-bottom:5px;text-overflow:ellipsis;"], uiColors.yellow);
 var GuideDescription = /*#__PURE__*/styled__default.p.withConfig({
   displayName: "InformationCenterTutorialsSection__GuideDescription",
   componentId: "sc-1gk05vk-4"
@@ -32221,7 +32227,7 @@ var GuideLanguage = /*#__PURE__*/styled__default.label.withConfig({
 var GuideLabelsContainer = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "InformationCenterTutorialsSection__GuideLabelsContainer",
   componentId: "sc-1gk05vk-7"
-})(["display:flex;justify-content:space-between;padding:0 6px 6px;"]);
+})(["display:flex;justify-content:space-between;padding:0 6px 6px;margin-top:auto;"]);
 
 var InformationCenter = function InformationCenter(_ref) {
   var itemsAtlasJSON = _ref.itemsAtlasJSON,
@@ -32297,7 +32303,9 @@ var InformationCenter = function InformationCenter(_ref) {
       tabId: "tutorials"
     })
   }];
-  return React__default.createElement(Container$r, null, React__default.createElement(InternalTabs, {
+  return React__default.createElement(DraggableContainer, {
+    title: "Information Center"
+  }, React__default.createElement(Container$r, null, React__default.createElement(InternalTabs, {
     tabs: tabs,
     activeTextColor: "#000000",
     activeTab: activeTab,
@@ -32319,7 +32327,7 @@ var InformationCenter = function InformationCenter(_ref) {
     onBack: function onBack() {
       return setSelectedItem(null);
     }
-  }));
+  })));
 };
 var Container$r = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "InformationCenter__Container",