titor/drawDB
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix subject area title overflow

Browse Source
This commit is contained in:
1ilit 2024-04-14 10:28:08 +03:00
parent e3f3f9d5bd
commit 9efee285c8
1 changed files with 4 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/EditorCanvas/Area.jsx
View File

@ -109,8 +109,10 @@ export default function Area({ data, onMouseDown, setResize, setInitCoords }) {
className="w-fill p-2 h-full" className="w-fill p-2 h-full"
style={{ backgroundColor: `${data.color}66` }} style={{ backgroundColor: `${data.color}66` }}
> >
<div className="flex justify-between"> <div className="flex justify-between gap-1 w-full">
<div className="text-color select-none">{data.name}</div> <div className="text-color select-none overflow-hidden text-ellipsis">
{data.name}
</div>
{(hovered || (areaIsSelected() && !layout.sidebar)) && ( {(hovered || (areaIsSelected() && !layout.sidebar)) && (
<Popover <Popover
visible={areaIsSelected() && !layout.sidebar} visible={areaIsSelected() && !layout.sidebar}