Siklos/svg-layout-designer-react
1
1
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

Change css class on sidebar and symbols

Browse source
This commit is contained in:
Guillaume Tauzin 2022-09-09 10:33:14 +02:00
parent 23c7a05a00
commit 46f82d0eca
10 changed files with 468 additions and 43 deletions
Download patch file Download diff file Expand all files Collapse all files

7
src/Components/ElementsSidebar/ElementsSidebar.tsx
View file

@ -5,6 +5,7 @@ import { IContainerModel } from '../../Interfaces/IContainerModel';
import { FindContainerById, GetDepth, MakeIterator } from '../../utils/itertools';
import { ISymbolModel } from '../../Interfaces/ISymbolModel';
import { PropertyType } from '../../Enums/PropertyType';
import { ExclamationIcon } from '@heroicons/react/outline';
interface IElementsSidebarProps {
mainContainer: IContainerModel
@ -146,16 +147,20 @@ export function ElementsSidebar(props: IElementsSidebarProps): JSX.Element {
return (
<button type="button"
className={`w-full border-blue-500 elements-sidebar-row whitespace-pre
text-left text-sm font-medium transition-all ${container.properties.type} ${selectedClass}`}
text-left text-sm font-medium transition-all inline-flex ${container.properties.type} ${selectedClass}`}
id={key}
key={key}
style={style}
title={container.properties.warning}
onClick={() => props.selectContainer(container.properties.id)}
onDrop={(event) => HandleOnDrop(event, props.mainContainer, props.addContainer)}
onDragOver={(event) => HandleDragOver(event, props.mainContainer)}
onDragLeave={(event) => HandleDragLeave(event)}
>
{text}
{container.properties.warning.length > 0 &&
<ExclamationIcon></ExclamationIcon>
}
</button>
);
}