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`.
This commit is contained in:
parent
e4029bfab8
commit
1403064835
|
@ -4,7 +4,7 @@ import { action } from "@ember/object";
|
||||||
import { htmlSafe } from "@ember/template";
|
import { htmlSafe } from "@ember/template";
|
||||||
import { tracked } from "@glimmer/tracking";
|
import { tracked } from "@glimmer/tracking";
|
||||||
|
|
||||||
const MIN_CHAT_CHANNEL_WIDTH = 300;
|
const MIN_CHAT_CHANNEL_WIDTH = 250;
|
||||||
|
|
||||||
export default class ChatSidePanel extends Component {
|
export default class ChatSidePanel extends Component {
|
||||||
@service chatStateManager;
|
@service chatStateManager;
|
||||||
|
|
|
@ -6,7 +6,7 @@
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
grid-area: main;
|
grid-area: main;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
min-width: 300px;
|
min-width: 250px;
|
||||||
|
|
||||||
.open-drawer-btn {
|
.open-drawer-btn {
|
||||||
color: var(--primary-low-mid);
|
color: var(--primary-low-mid);
|
||||||
|
|
Loading…
Reference in New Issue