@licium/editor-plugin-color-syntax 3.2.10 → 3.2.12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,21 +1,20 @@
1
1
  /*!
2
2
  * TOAST UI Editor : Color Syntax Plugin
3
- * @version 3.2.10 | Thu Jan 08 2026
3
+ * @version 3.2.12 | Thu Jan 08 2026
4
4
  * @author NHN Cloud FE Development Lab <dl_javascript@nhn.com>
5
5
  * @license MIT
6
6
  */
7
-
8
7
  .toastui-editor-popup-color {
9
8
  padding: 0;
10
9
  }
11
10
 
12
11
  .toastui-editor-popup-color .tui-colorpicker-container,
13
12
  .toastui-editor-popup-color .tui-colorpicker-palette-container {
14
- width: 147px;
13
+ width: 178px;
15
14
  }
16
15
 
17
16
  .toastui-editor-popup-color .tui-colorpicker-container ul {
18
- width: 152px;
17
+ width: 178px;
19
18
  margin-bottom: 10px;
20
19
  }
21
20
 
@@ -62,13 +61,13 @@
62
61
 
63
62
  .toastui-editor-popup-color button {
64
63
  height: 32px;
65
- width: 40px;
66
64
  color: #555;
67
65
  background: #f7f9fc;
68
66
  border: 1px solid #e1e3e9;
69
- top: 68px;
70
- position: absolute;
71
- right: 15px;
67
+ cursor: pointer;
68
+ padding: 0 8px;
69
+ width: auto;
70
+ min-width: 40px;
72
71
  }
73
72
 
74
73
  .toastui-editor-popup-color button:hover {
@@ -138,3 +137,13 @@
138
137
  border-color: rgba(255, 255, 255, 0.05);
139
138
  }
140
139
 
140
+ .toastui-editor-button-container {
141
+ display: flex;
142
+ justify-content: flex-end;
143
+ margin-top: 10px;
144
+ padding-right: 2px;
145
+ }
146
+
147
+ .toastui-editor-button-container button {
148
+ margin-left: 5px;
149
+ }
@@ -1,6 +1,6 @@
1
1
  /*!
2
2
  * TOAST UI Editor : Color Syntax Plugin
3
- * @version 3.2.10 | Thu Jan 08 2026
3
+ * @version 3.2.12 | Thu Jan 08 2026
4
4
  * @author NHN Cloud FE Development Lab <dl_javascript@nhn.com>
5
5
  * @license MIT
6
6
  */
@@ -281,12 +281,15 @@ function colorSyntaxPlugin(context, options) {
281
281
  eventEmitter.emit('command', 'color', { selectedColor: selectedColor });
282
282
  eventEmitter.emit('closePopup');
283
283
  // force the current editor to focus for preventing to lose focus
284
- currentEditorEl.focus();
284
+ currentEditorEl.focus({ preventScroll: true });
285
285
  }
286
286
  });
287
287
  colorPicker.slider.toggle(true);
288
- container.appendChild(button);
289
- container.appendChild(clearButton);
288
+ var buttonContainer = document.createElement('div');
289
+ buttonContainer.className = PREFIX + "button-container";
290
+ buttonContainer.appendChild(button);
291
+ buttonContainer.appendChild(clearButton);
292
+ container.appendChild(buttonContainer);
290
293
  var toolbarItem = createToolbarItemOption(container, i18n);
291
294
  return {
292
295
  markdownCommands: {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@licium/editor-plugin-color-syntax",
3
- "version": "3.2.10",
3
+ "version": "3.2.12",
4
4
  "description": "TOAST UI Editor : Color Syntax Plugin",
5
5
  "keywords": [
6
6
  "nhn",
@@ -51,5 +51,5 @@
51
51
  "publishConfig": {
52
52
  "access": "public"
53
53
  },
54
- "gitHead": "f5c5e17205373f73a607b05d989c4b06768752dd"
54
+ "gitHead": "70d40b5d9ffef8353490af0bec8c13a869c48989"
55
55
  }