Labels changed

TheBrandwick · Aug 29, 2024 · 9f7a636 · 9f7a636
1 parent 072ddf1
commit 9f7a636
Show file tree

Hide file tree

Showing 12 changed files with 22 additions and 21 deletions.
diff --git a/apps/image-editor/index.d.ts b/apps/image-editor/index.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for TOAST UI Image Editor v3.15.19
+// Type definitions for TOAST UI Image Editor v3.15.27
 // TypeScript Version: 3.2.2
 
 declare namespace tuiImageEditor {

diff --git a/apps/image-editor/package.json b/apps/image-editor/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@jaymanyoo/tui-image-editor",
-  "version": "3.15.19",
+  "version": "3.15.27",
   "description": "TOAST UI ImageEditor",
   "keywords": [
     "nhn",

diff --git a/apps/image-editor/src/css/colorpicker.styl b/apps/image-editor/src/css/colorpicker.styl
@@ -90,7 +90,7 @@
             background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAdBJREFUWAnFl0FuwjAQRZ0ukiugHqFSOQNdseuKW3ALzkA4BateICvUGyCxrtRFd4WuunH/TzykaYJrnLEYaTJJsP2+x8GZZCbQrLU5mj7Bn+EP8HvnCObd+R7xBV5lWfaNON4AnsA38E94qLEt+0yiFaBzAV/Bv+Cxxr4co7hKCDpw1q9wLeNYYdlAwyn8TYt8Hme3+8D5ozcTaMCZ68PXa2tnM2sbEcOZAJhrrpl2DAcTOGNjZPSfCdzkw6JrfbiMv+osBe4y9WOedhm4jZfhbENWuxS44H9Wz/xw4WzqLOAqh1+zycgAwzEMzr5k5gaHOa9ULBwuuDkFlHI1Kl4PJ66kgIpnoywOTmRFAYcbwYk9UMApWkD8zAV5ihcwHk4Rx7gl0IFTQL0EFc+CTQ9OZHWH3YhlVJiVpTHbrTGLhTHLZVgff6s9lyBsI9KduSS83oj+34rTwJutmBmCnMsvozRwZqB5GTkBw6/jdPDu69iJ6BYk6eCcfbcgcQIK/MByaaiMqm8rHcjol2TnpWDhyAKSGdA3FrxtJUToX0ODqatetfGE+8tyEUOV8GY5dGRwLP/MBS4RHQr4bT7NRAQjlcOTfZxmv2G+c4hI8nn+Ax5PG/zhI393AAAAAElFTkSuQmCC');
 
     .color-picker-value + label
-        color: #fff;
+        color: #000;
 
     .{prefix}-submenu svg > use
         display: none;

diff --git a/apps/image-editor/src/css/main.styl b/apps/image-editor/src/css/main.styl
@@ -90,7 +90,7 @@ body > textarea
     .-main
         position: absolute;
         text-align: center;
-        top: 64px;
+        top: 57px;
         bottom: 0;
         right: 0;
         left: 0;

diff --git a/apps/image-editor/src/css/range.styl b/apps/image-editor/src/css/range.styl
@@ -58,8 +58,9 @@
     .{prefix}-range-wrap label
         vertical-align: baseline;
         font-size: 11px;
+        font-weight: bold;
         margin-right: 7px;
-        color: #fff;
+        color: #000;
     .{prefix}-range-value
         cursor: default;
         width: 40px;

diff --git a/apps/image-editor/src/js/ui/template/mainContainer.js b/apps/image-editor/src/js/ui/template/mainContainer.js
@@ -5,7 +5,7 @@ export default ({
   headerStyle,
   loadButtonStyle,
   downloadButtonStyle,
-  submenuStyle,
+  //   submenuStyle,
 }) => `
     <div class="tui-image-editor-main-container" style="${commonStyle}">
         <div class="tui-image-editor-header" style="${headerStyle}">
@@ -24,7 +24,7 @@ export default ({
         </div>
         <div class="tui-image-editor-main">
             <div class="tui-image-editor-submenu">
-                <div class="tui-image-editor-submenu-style" style="${submenuStyle}"></div>
+                <div class="tui-image-editor-submenu-style"></div>
             </div>
             <div class="tui-image-editor-wrap">
                 <div class="tui-image-editor-size-wrap">

diff --git a/apps/image-editor/src/js/ui/template/submenu/draw.js b/apps/image-editor/src/js/ui/template/submenu/draw.js
@@ -28,13 +28,13 @@ export default ({ locale, makeSvgIcon }) => `
             <div></div>
         </li>
         <li>
-            <div class="tie-draw-color" title="${locale.localize('Color')}"></div>
+            <div class="tie-draw-color" title="${locale.localize('Select colour')}"></div>
         </li>
         <li class="tui-image-editor-partition only-left-right">
             <div></div>
         </li>
         <li class="tui-image-editor-newline tui-image-editor-range-wrap">
-            <label class="range">${locale.localize('Range')}</label>
+            <label class="range">${locale.localize('Size of line')}</label>
             <div class="tie-draw-range"></div>
             <input class="tie-draw-range-value tui-image-editor-range-value" value="0" />
         </li>

diff --git a/apps/image-editor/src/js/ui/template/submenu/icon.js b/apps/image-editor/src/js/ui/template/submenu/icon.js
@@ -102,7 +102,7 @@ export default ({ locale, makeSvgIcon }) => `
             <div></div>
         </li>
         <li>
-            <div class="tie-icon-color" title="${locale.localize('Color')}"></div>
+            <div class="tie-icon-color" title="${locale.localize('Select colour')}"></div>
         </li>
     </ul>
 `;
diff --git a/apps/image-editor/src/js/ui/template/submenu/shape.js b/apps/image-editor/src/js/ui/template/submenu/shape.js
@@ -30,14 +30,14 @@ export default ({ locale, makeSvgIcon }) => `
             <div></div>
         </li>
         <li class="tie-shape-color-button">
-            <div class="tie-color-fill" title="${locale.localize('Fill')}"></div>
-            <div class="tie-color-stroke" title="${locale.localize('Stroke')}"></div>
+            <div class="tie-color-fill" title="${locale.localize('Fill colour')}"></div>
+            <div class="tie-color-stroke" title="${locale.localize('Outline colour')}"></div>
         </li>
         <li class="tui-image-editor-partition only-left-right">
             <div></div>
         </li>
         <li class="tui-image-editor-newline tui-image-editor-range-wrap">
-            <label class="range">${locale.localize('Stroke')}</label>
+            <label class="range">${locale.localize('Outline thickness')}</label>
             <div class="tie-stroke-range"></div>
             <input class="tie-stroke-range-value tui-image-editor-range-value" value="0" />
         </li>

diff --git a/apps/image-editor/src/js/ui/template/submenu/text.js b/apps/image-editor/src/js/ui/template/submenu/text.js
@@ -59,13 +59,13 @@ export default ({ locale, makeSvgIcon }) => `
             <div></div>
         </li>
         <li>
-            <div class="tie-text-color" title="${locale.localize('Color')}"></div>
+            <div class="tie-text-color" title="${locale.localize('Select colour')}"></div>
         </li>
         <li class="tui-image-editor-partition only-left-right">
             <div></div>
         </li>
         <li class="tui-image-editor-newline tui-image-editor-range-wrap">
-            <label class="range">${locale.localize('Text size')}</label>
+            <label class="range">${locale.localize('Font size')}</label>
             <div class="tie-text-range"></div>
             <input class="tie-text-range-value tui-image-editor-range-value" value="0" />
         </li>

diff --git a/apps/react-image-editor/package.json b/apps/react-image-editor/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@jaymanyoo/react-image-editor",
-  "version": "3.15.20",
+  "version": "3.15.27",
   "description": "TOAST UI Image-Editor for React",
   "main": "dist/toastui-react-image-editor.js",
   "files": [
@@ -32,7 +32,7 @@
     "webpack-cli": "^5.1.4"
   },
   "dependencies": {
-    "@jaymanyoo/tui-image-editor": "^3.15.19",
+    "@jaymanyoo/tui-image-editor": "3.15.27",
     "fabric": "^4.2.0"
   }
 }
diff --git a/package-lock.json b/package-lock.json