mirror of
https://github.com/discourse/discourse.git
synced 2025-02-25 16:56:23 +08:00
6c3a7f2a67
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.
30 lines
448 B
SCSS
30 lines
448 B
SCSS
.chat-side-panel-resizer {
|
|
top: 0;
|
|
bottom: 0;
|
|
position: absolute;
|
|
z-index: 1;
|
|
transition: background-color 0.15s 0.15s;
|
|
background-color: transparent;
|
|
|
|
.touch & {
|
|
left: -6px;
|
|
width: 10px;
|
|
|
|
&:active {
|
|
cursor: col-resize;
|
|
background: var(--tertiary);
|
|
}
|
|
}
|
|
|
|
.no-touch & {
|
|
left: -3px;
|
|
width: 5px;
|
|
|
|
&:hover,
|
|
&:active {
|
|
cursor: col-resize;
|
|
background: var(--tertiary);
|
|
}
|
|
}
|
|
}
|