Skip to content

$Panel resizing icon not visible in game #5

Description

@Captain-Of-Coit

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.

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions