Seems the resizing icon works in normal browsers, but not in the cohtml stuff.
This is how it's drawn ATM:
|
const Resizer = ({ onMouseDown }) => { |
|
const style = { |
|
position: 'absolute', |
|
bottom: 0, |
|
right: 0, |
|
width: '20px', |
|
height: '20px', |
|
cursor: 'nwse-resize', |
|
zIndex: 10, |
|
} |
|
const triangle = { |
|
width: 20, |
|
height: 20, |
|
opacity: 0.2, |
|
background: 'linear-gradient(to right bottom, transparent 0%, transparent 50%, var(--accentColorDark) 50%, var(--accentColorDark) 100%)' |
|
} |
|
return <div style={style} onMouseDown={onMouseDown}> |
|
{/* <img style={{transform: 'rotate(-15deg)'}} src="Media/Misc/BalloonArrowLeftTop.svg"/> */} |
|
<div style={triangle}/> |
|
</div> |
|
}; |
|
|
|
const $CloseButton = ({onClick}) => { |
|
return <button className="button_bvQ button_bvQ close-button_wKK" onClick={onClick}> |
|
<div className="tinted-icon_iKo icon_PhD" style={{maskImage: 'url(Media/Glyphs/Close.svg)'}}></div> |
|
</button> |
|
} |
Seems to be an issue with linear-gradient as far as I can tell.
Seems the resizing icon works in normal browsers, but not in the cohtml stuff.
This is how it's drawn ATM:
hookui-framework/src/components/panel.jsx
Lines 10 to 36 in 361fc61
Seems to be an issue with
linear-gradientas far as I can tell.