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

Text cotation css modified + no decimal display on text

Browse source
This commit is contained in:
Guillaume Tauzin 2022-09-16 10:07:01 +02:00
parent 0d557624f7
commit 320d68e27f
4 changed files with 7 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/Components/SVG/Elements/Container.tsx
View file

@ -65,7 +65,7 @@ export function Container(props: IContainerProps): JSX.Element {
const xEnd = width; const xEnd = width;
const yDim = -dimensionMargin; const yDim = -dimensionMargin;
const strokeWidth = 1; const strokeWidth = 1;
const text = (width.toFixed(2) ?? 0).toString(); const text = (width.toFixed(0) ?? 0).toString();
let childrenDimensions: JSX.Element | null = null; let childrenDimensions: JSX.Element | null = null;
if (props.model.properties.showChildrenDimensions && props.model.children.length > 1 && SHOW_CHILDREN_DIMENSIONS) { if (props.model.properties.showChildrenDimensions && props.model.children.length > 1 && SHOW_CHILDREN_DIMENSIONS) {
@ -116,7 +116,7 @@ export function Container(props: IContainerProps): JSX.Element {
yStart={props.model.properties.height + yDim * -1} yStart={props.model.properties.height + yDim * -1}
yEnd={props.model.properties.height + yDim * -1} yEnd={props.model.properties.height + yDim * -1}
strokeWidth={strokeWidth} strokeWidth={strokeWidth}
text={(next - cur).toFixed(2).toString()} text={(next - cur).toFixed(0).toString()}
scale={props.scale} scale={props.scale}
/>); />);
count++; count++;

2
src/Components/SVG/Elements/DepthDimensionLayer.tsx
View file

@ -74,7 +74,7 @@ function AddNewDimension(currentDepth: number, min: number, max: number, lastY:
const strokeWidth = 1; const strokeWidth = 1;
const width = xEnd - xStart; const width = xEnd - xStart;
const text = width const text = width
.toFixed(2) .toFixed(0)
.toString(); .toString();
if (width === 0) { if (width === 0) {

2
src/Components/SVG/Elements/DimensionLayer.tsx
View file

@ -19,7 +19,7 @@ function GetDimensionsNodes(root: ContainerModel): React.ReactNode[] {
const y = (container.properties.y + container.properties.height) + (DIMENSION_MARGIN * (depth + 1)); const y = (container.properties.y + container.properties.height) + (DIMENSION_MARGIN * (depth + 1));
const strokeWidth = 1; const strokeWidth = 1;
const text = width const text = width
.toFixed(2) .toFixed(0)
.toString(); .toString();
dimensions.push( dimensions.push(
<Dimension <Dimension

6
src/Components/SVG/SVG.scss
View file

@ -1,10 +1,10 @@
text { text {
font-family: 'Open Sans', 'Helvetica Neue', sans-serif; font-family: 'Open Sans', 'Helvetica Neue', sans-serif;
font-size: 18px; font-size: 18px;
font-weight: 800; //font-weight: 800;
fill: #fff; //fill: #fff;
fill-opacity: 1; fill-opacity: 1;
stroke: #000000; //stroke: #ffffff;
stroke-width: 1px; stroke-width: 1px;
stroke-linecap: butt; stroke-linecap: butt;
stroke-linejoin: miter; stroke-linejoin: miter;