|
5 | 5 | <g>
|
6 | 6 | <g>
|
7 | 7 | <path
|
8 |
| - cursor="n-resize" |
9 | 8 | mode="delta"
|
10 | 9 | fill="currentColor"
|
11 | 10 | d="
|
|
18 | 17 | data-automation-id="margin-top-button"
|
19 | 18 | aria-label="Margin top button"
|
20 | 19 | class="tb-path-color"
|
21 |
| - style="cursor: n-resize" |
| 20 | + @click="clickMargin(SPACING_PROPERTY.MarginTop, $event)" |
22 | 21 | ></path>
|
23 | 22 | </g>
|
24 | 23 | </g>
|
25 | 24 | <g>
|
26 | 25 | <g>
|
27 | 26 | <path
|
28 |
| - cursor="e-resize" |
29 | 27 | mode="delta"
|
30 | 28 | fill="currentColor"
|
31 | 29 | d="
|
|
38 | 36 | data-automation-id="margin-right-button"
|
39 | 37 | aria-label="Margin right button"
|
40 | 38 | class="lr-path-color"
|
41 |
| - style="cursor: e-resize" |
| 39 | + @click="clickMargin(SPACING_PROPERTY.MarginRight, $event)" |
42 | 40 | ></path>
|
43 | 41 | </g>
|
44 | 42 | </g>
|
45 | 43 | <g>
|
46 | 44 | <g>
|
47 | 45 | <path
|
48 |
| - cursor="s-resize" |
49 | 46 | mode="delta"
|
50 | 47 | fill="currentColor"
|
51 | 48 | d="
|
|
58 | 55 | data-automation-id="margin-bottom-button"
|
59 | 56 | aria-label="Margin bottom button"
|
60 | 57 | class="tb-path-color"
|
61 |
| - style="cursor: s-resize" |
| 58 | + @click="clickMargin(SPACING_PROPERTY.MarginBottom, $event)" |
62 | 59 | ></path>
|
63 | 60 | </g>
|
64 | 61 | </g>
|
65 | 62 | <g>
|
66 | 63 | <g>
|
67 | 64 | <path
|
68 |
| - cursor="w-resize" |
69 | 65 | mode="delta"
|
70 | 66 | fill="currentColor"
|
71 | 67 | d="
|
|
78 | 74 | data-automation-id="margin-left-button"
|
79 | 75 | aria-label="Margin left button"
|
80 | 76 | class="lr-path-color"
|
81 |
| - style="cursor: w-resize" |
| 77 | + @click="clickMargin(SPACING_PROPERTY.MarginLeft, $event)" |
82 | 78 | ></path>
|
83 | 79 | </g>
|
84 | 80 | </g>
|
|
189 | 185 | <g>
|
190 | 186 | <g>
|
191 | 187 | <path
|
192 |
| - cursor="s-resize" |
193 | 188 | mode="delta"
|
194 | 189 | fill="currentColor"
|
195 | 190 | d="
|
|
202 | 197 | data-automation-id="padding-top-button"
|
203 | 198 | aria-label="Padding top button"
|
204 | 199 | class="tb-path-color"
|
205 |
| - style="cursor: s-resize" |
| 200 | + @click="clickPadding(SPACING_PROPERTY.PaddingTop, $event)" |
206 | 201 | ></path>
|
207 | 202 | </g>
|
208 | 203 | </g>
|
209 | 204 | <g>
|
210 | 205 | <g>
|
211 | 206 | <path
|
212 |
| - cursor="w-resize" |
213 | 207 | mode="delta"
|
214 | 208 | fill="currentColor"
|
215 | 209 | d="
|
|
222 | 216 | data-automation-id="padding-right-button"
|
223 | 217 | aria-label="Padding right button"
|
224 | 218 | class="lr-path-color"
|
225 |
| - style="cursor: w-resize" |
| 219 | + @click="clickPadding(SPACING_PROPERTY.PaddingRight, $event)" |
226 | 220 | ></path>
|
227 | 221 | </g>
|
228 | 222 | </g>
|
229 | 223 | <g>
|
230 | 224 | <g>
|
231 | 225 | <path
|
232 |
| - cursor="n-resize" |
233 | 226 | mode="delta"
|
234 | 227 | fill="currentColor"
|
235 | 228 | d="
|
|
242 | 235 | data-automation-id="padding-bottom-button"
|
243 | 236 | aria-label="Padding bottom button"
|
244 | 237 | class="tb-path-color"
|
245 |
| - style="cursor: n-resize" |
| 238 | + @click="clickPadding(SPACING_PROPERTY.PaddingBottom, $event)" |
246 | 239 | ></path>
|
247 | 240 | </g>
|
248 | 241 | </g>
|
249 | 242 | <g>
|
250 | 243 | <g>
|
251 | 244 | <path
|
252 |
| - cursor="e-resize" |
253 | 245 | mode="delta"
|
254 | 246 | fill="currentColor"
|
255 | 247 | d="
|
|
262 | 254 | data-automation-id="padding-left-button"
|
263 | 255 | aria-label="Padding left button"
|
264 | 256 | class="lr-path-color"
|
265 |
| - style="cursor: e-resize" |
| 257 | + @click="clickPadding(SPACING_PROPERTY.PaddingLeft, $event)" |
266 | 258 | ></path>
|
267 | 259 | </g>
|
268 | 260 | </g>
|
@@ -537,7 +529,7 @@ export default {
|
537 | 529 | }
|
538 | 530 |
|
539 | 531 | .spacing-edit {
|
540 |
| - cursor: default; |
| 532 | + cursor: pointer; |
541 | 533 | user-select: none;
|
542 | 534 | overflow: hidden;
|
543 | 535 | text-overflow: ellipsis;
|
@@ -600,13 +592,15 @@ export default {
|
600 | 592 | }
|
601 | 593 |
|
602 | 594 | .lr-path-color {
|
| 595 | + cursor: pointer; |
603 | 596 | color: var(--ti-lowcode-spacing-lr-color);
|
604 | 597 | &:hover {
|
605 | 598 | color: var(--ti-lowcode-spacing-lr-hover-color);
|
606 | 599 | }
|
607 | 600 | }
|
608 | 601 |
|
609 | 602 | .tb-path-color {
|
| 603 | + cursor: pointer; |
610 | 604 | color: var(--ti-lowcode-spacing-tb-color);
|
611 | 605 | &:hover {
|
612 | 606 | color: var(--ti-lowcode-spacing-tb-hover-color);
|
|
0 commit comments