@rpg-engine/long-bow 0.7.8 → 0.7.10

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

@@ -26566,6 +26566,7 @@ var ChatRevamp = function ChatRevamp(_ref) {
         maxWidth: "140px",
         maxLines: 1
       }, character.name)), React__default.createElement(CloseButton$2, {
+        className: "close-button",
         onPointerDown: function onPointerDown() {
           return onRemoveRecentChatCharacter == null ? void 0 : onRemoveRecentChatCharacter(character);
         }
@@ -26602,7 +26603,7 @@ var ChatRevamp = function ChatRevamp(_ref) {
   }, React__default.createElement(RecentChatTabContainer, {
     isPrivate: isPrivate,
     isOpen: showRecentChats
-  }, renderRecentChatTopBar(), renderRecentChatList()), renderChatContent()));
+  }, renderRecentChatTopBar(), renderRecentChatList()), React__default.createElement(ChatWrapper, null, renderChatContent())));
 };
 var TabContainer = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "ChatRevamp__TabContainer",
@@ -26616,12 +26617,12 @@ var Tab = /*#__PURE__*/styled__default.button.withConfig({
 }, function (props) {
   return props.active ? uiColors.orange : 'rgba(0, 0, 0, 0.2)';
 }, function (props) {
-  return props.active ? 'white' : uiColors.gray;
+  return props.active ? 'white' : uiColors.darkGray;
 });
 var PrivateChatContainer = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "ChatRevamp__PrivateChatContainer",
   componentId: "sc-1sdiknw-2"
-})(["width:", ";min-height:", " !important;padding:10px;background-color:rgba(0,0,0,0.2);height:auto;display:flex;gap:10px;"], function (_ref2) {
+})(["width:", ";height:", ";padding:10px;background-color:rgba(0,0,0,0.2);display:flex;gap:10px;"], function (_ref2) {
   var width = _ref2.width;
   return width;
 }, function (_ref3) {
@@ -26631,7 +26632,7 @@ var PrivateChatContainer = /*#__PURE__*/styled__default.div.withConfig({
 var RecentChatTabContainer = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "ChatRevamp__RecentChatTabContainer",
   componentId: "sc-1sdiknw-3"
-})(["display:", ";flex-direction:column;border-right:1px solid ", ";outline:none;width:", ";max-width:200px;min-width:", ";transition:all 0.3s ease-in-out;overflow:hidden;@media (max-width:768px){width:", ";min-width:", ";}"], function (props) {
+})(["display:", ";flex-direction:column;border-right:1px solid ", ";outline:none;width:", ";max-width:200px;min-width:", ";transition:all 0.3s ease-in-out;overflow:hidden;height:100%;@media (max-width:768px){width:", ";min-width:", ";}"], function (props) {
   return props.isPrivate ? 'flex' : 'none';
 }, uiColors.gray, function (props) {
   return props.isOpen ? '25%' : '30px';
@@ -26645,7 +26646,7 @@ var RecentChatTabContainer = /*#__PURE__*/styled__default.div.withConfig({
 var RecentChatTopBar = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "ChatRevamp__RecentChatTopBar",
   componentId: "sc-1sdiknw-4"
-})(["display:flex;align-items:center;justify-content:space-between;height:30px;"]);
+})(["display:flex;align-items:center;justify-content:space-between;height:30px;flex-shrink:0;"]);
 var SearchButton$1 = /*#__PURE__*/styled__default.button.withConfig({
   displayName: "ChatRevamp__SearchButton",
   componentId: "sc-1sdiknw-5"
@@ -26663,7 +26664,9 @@ var BurgerLineIcon = /*#__PURE__*/styled__default.span.withConfig({
 var RecentChatLogContainer = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "ChatRevamp__RecentChatLogContainer",
   componentId: "sc-1sdiknw-8"
-})(["border:none;list-style:none;display:flex;opacity:", ";flex-direction:column;gap:0.5rem;transition:opacity 0.3s ease-in-out;padding:0;margin:0;flex:1;"], function (props) {
+})(["display:", ";opacity:", ";flex-direction:column;gap:0.5rem;transition:opacity 0.3s ease-in-out;padding:0;margin:0;overflow-y:auto;flex-grow:1;height:0;scrollbar-width:thin;scrollbar-color:rgba(51,51,51,0.4) rgba(30,30,30,0.4);&::-webkit-scrollbar{width:8px;height:8px;}&::-webkit-scrollbar-track{background:rgba(30,30,30,0.2);border-radius:4px;}&::-webkit-scrollbar-thumb{background-color:rgba(255,102,0,0.5);border-radius:4px;border:2px solid rgba(30,30,30,0.2);}&::-webkit-scrollbar-thumb:hover{background-color:rgba(255,102,0,0.7);}"], function (props) {
+  return props.isOpen ? 'flex' : 'none';
+}, function (props) {
   return props.isOpen ? 1 : 0;
 });
 var ListElementContainer = /*#__PURE__*/styled__default.div.withConfig({
@@ -26685,7 +26688,11 @@ var StatusDot = /*#__PURE__*/styled__default.span.withConfig({
 var CloseButton$2 = /*#__PURE__*/styled__default.button.withConfig({
   displayName: "ChatRevamp__CloseButton",
   componentId: "sc-1sdiknw-12"
-})(["all:unset;font-size:", ";margin:0 0.5rem;transition:all 0.2s ease-in-out;background-color:", ";color:", ";&:hover{background-color:", ";color:", ";}"], uiFonts.size.xxsmall, uiColors.red, uiColors.white, uiColors.white, uiColors.red);
+})(["all:unset;font-size:", ";margin:0 0.5rem;transition:all 0.2s ease-in-out;background-color:", ";color:", ";width:16px;height:16px;border-radius:50%;display:flex;justify-content:center;align-items:center;&:hover{background-color:", ";color:", ";}"], uiFonts.size.xxsmall, uiColors.red, uiColors.white, uiColors.white, uiColors.red);
+var ChatWrapper = /*#__PURE__*/styled__default.div.withConfig({
+  displayName: "ChatRevamp__ChatWrapper",
+  componentId: "sc-1sdiknw-13"
+})(["flex-grow:1;overflow:hidden;display:flex;flex-direction:column;"]);
 
 var CheckButton = function CheckButton(_ref) {
   var items = _ref.items,