mirror of
https://github.com/discourse/discourse.git
synced 2025-02-25 08:07:40 +08:00

When we had no width stored for the side panel in the local storage, essentially the computation would end up being: ```javascript Math.min(null, 1000); ``` Which would output: 0. This commit ensures we have a default for store width: MIN_PANEL_WIDTH. And also uses the same value in CSS and JS. I had to change z-layers of chat-side-panel resizer as it was interfering with system specs changing the notification level of a thread, when trying to click the option in the dropdown, it would instead click the resizer as it would appear on top of the dropdown. Tried to write a test but couldn't get something reliable.
23 lines
411 B
SCSS
23 lines
411 B
SCSS
#main-chat-outlet.chat-view {
|
|
min-height: 0;
|
|
display: grid;
|
|
grid-template-areas: "main threads";
|
|
grid-template-columns: 1fr auto;
|
|
}
|
|
|
|
.chat-side-panel {
|
|
box-sizing: border-box;
|
|
border-left: 1px solid var(--primary-low);
|
|
position: relative;
|
|
min-width: 250px;
|
|
|
|
&__list {
|
|
flex-grow: 1;
|
|
padding: 0 1.5em 1em;
|
|
}
|
|
}
|
|
|
|
#main-chat-outlet .chat-side-panel .c-navbar__title {
|
|
margin-left: 0;
|
|
}
|