mirror of
https://github.com/discourse/discourse.git
synced 2024-12-02 23:33:54 +08:00
a982b6765f
On tablets like iPad where we allow channel and thread to be on the same screen, it was not possible to resize the panels due to code being thought for mouse events. This commit should now correctly allow for this. The "resizer" has also been made larger to simplify touching. No test as it's hard to test on iPad and dragging events are also complex.
31 lines
469 B
SCSS
31 lines
469 B
SCSS
.chat-side-panel-resizer {
|
|
top: 0;
|
|
bottom: 0;
|
|
|
|
position: absolute;
|
|
z-index: calc(z("header") - 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);
|
|
}
|
|
}
|
|
}
|