fix(html): update ImageEditor action pane checkbox label

telerik · Nov 21, 2024 · 69c2007 · 69c2007
1 parent 9d3e1c5
commit 69c2007
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 6 deletions.
diff --git a/packages/html/src/imageeditor/templates/imageeditor-crop.tsx b/packages/html/src/imageeditor/templates/imageeditor-crop.tsx
@@ -1,7 +1,7 @@
 import { ImageEditor } from "..";
 import { ButtonGroup, ToolbarItem, ToolbarSeparator } from "../..";
 import { Button } from "../../button";
-import { Checkbox } from "../../checkbox";
+import { CheckboxWithLabelAfter } from "../../checkbox";
 import { DropdownList } from "../../dropdownlist";
 import { FormNormal, Fieldset, FormField } from "../../form";
 import { NumericTextbox } from "../../numerictextbox";
@@ -58,8 +58,7 @@ export const ImageEditorCrop = (props: any) => (
                     />
                     <FormField
                         colSpan="2"
-                        label="Lock aspect ratio:"
-                        editor={ <Checkbox /> }
+                        editor={ <CheckboxWithLabelAfter>Lock aspect ratio</CheckboxWithLabelAfter> }
                     />
                 </Fieldset>
             </FormNormal>

diff --git a/packages/html/src/imageeditor/templates/imageeditor-resize.tsx b/packages/html/src/imageeditor/templates/imageeditor-resize.tsx
@@ -1,6 +1,6 @@
 import { ImageEditor } from "..";
 import { Button } from "../../button";
-import { Checkbox } from "../../checkbox";
+import { CheckboxWithLabelAfter } from "../../checkbox";
 import { DropdownList } from "../../dropdownlist";
 import { FormNormal, Fieldset, FormField } from "../../form";
 import { NumericTextbox } from "../../numerictextbox";
@@ -53,8 +53,7 @@ export const ImageEditorResize = (props: any) => (
                     />
                     <FormField
                         colSpan="2"
-                        label="Lock aspect ratio:"
-                        editor={ <Checkbox /> }
+                        editor={ <CheckboxWithLabelAfter>Lock aspect ratio</CheckboxWithLabelAfter> }
                     />
                 </Fieldset>
             </FormNormal>