From 140306483504b7ac6349115c1cc22eff23b7ecd7 Mon Sep 17 00:00:00 2001
From: Joffrey JAFFEUX <j.jaffeux@gmail.com>
Date: Fri, 28 Apr 2023 13:05:00 +0200
Subject: [PATCH] FIX: correctly homogenizes panels min width (#21294)

`.chat-channel` had `300px` min width, when `.chat-drawer` was `250px`, resulting in overflowing channel when in drawer. This commits ensures the limits are always set at `250px`.
---
 .../assets/javascripts/discourse/components/chat-side-panel.js  | 2 +-
 plugins/chat/assets/stylesheets/common/chat-channel.scss        | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/plugins/chat/assets/javascripts/discourse/components/chat-side-panel.js b/plugins/chat/assets/javascripts/discourse/components/chat-side-panel.js
index 5c046ab32d2..192f0b8490e 100644
--- a/plugins/chat/assets/javascripts/discourse/components/chat-side-panel.js
+++ b/plugins/chat/assets/javascripts/discourse/components/chat-side-panel.js
@@ -4,7 +4,7 @@ import { action } from "@ember/object";
 import { htmlSafe } from "@ember/template";
 import { tracked } from "@glimmer/tracking";
 
-const MIN_CHAT_CHANNEL_WIDTH = 300;
+const MIN_CHAT_CHANNEL_WIDTH = 250;
 
 export default class ChatSidePanel extends Component {
   @service chatStateManager;
diff --git a/plugins/chat/assets/stylesheets/common/chat-channel.scss b/plugins/chat/assets/stylesheets/common/chat-channel.scss
index 3db4cb4eabb..30f08e0e6e4 100644
--- a/plugins/chat/assets/stylesheets/common/chat-channel.scss
+++ b/plugins/chat/assets/stylesheets/common/chat-channel.scss
@@ -6,7 +6,7 @@
   overflow: hidden;
   grid-area: main;
   width: 100%;
-  min-width: 300px;
+  min-width: 250px;
 
   .open-drawer-btn {
     color: var(--primary-low-mid);