Skip to content

Commit 236445e

Browse files
authored
fix(styles-spacing): 增大物料设置内外边距时点击区域 #134 (#184)
* fix(styles-spacing): 增大物料设置内外边距时点击区域 #134
1 parent 3c2e14d commit 236445e

File tree

1 file changed

+11
-17
lines changed

1 file changed

+11
-17
lines changed

packages/settings/styles/src/components/spacing/SpacingGroup.vue

Lines changed: 11 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,6 @@
55
<g>
66
<g>
77
<path
8-
cursor="n-resize"
98
mode="delta"
109
fill="currentColor"
1110
d="
@@ -18,14 +17,13 @@
1817
data-automation-id="margin-top-button"
1918
aria-label="Margin top button"
2019
class="tb-path-color"
21-
style="cursor: n-resize"
20+
@click="clickMargin(SPACING_PROPERTY.MarginTop, $event)"
2221
></path>
2322
</g>
2423
</g>
2524
<g>
2625
<g>
2726
<path
28-
cursor="e-resize"
2927
mode="delta"
3028
fill="currentColor"
3129
d="
@@ -38,14 +36,13 @@
3836
data-automation-id="margin-right-button"
3937
aria-label="Margin right button"
4038
class="lr-path-color"
41-
style="cursor: e-resize"
39+
@click="clickMargin(SPACING_PROPERTY.MarginRight, $event)"
4240
></path>
4341
</g>
4442
</g>
4543
<g>
4644
<g>
4745
<path
48-
cursor="s-resize"
4946
mode="delta"
5047
fill="currentColor"
5148
d="
@@ -58,14 +55,13 @@
5855
data-automation-id="margin-bottom-button"
5956
aria-label="Margin bottom button"
6057
class="tb-path-color"
61-
style="cursor: s-resize"
58+
@click="clickMargin(SPACING_PROPERTY.MarginBottom, $event)"
6259
></path>
6360
</g>
6461
</g>
6562
<g>
6663
<g>
6764
<path
68-
cursor="w-resize"
6965
mode="delta"
7066
fill="currentColor"
7167
d="
@@ -78,7 +74,7 @@
7874
data-automation-id="margin-left-button"
7975
aria-label="Margin left button"
8076
class="lr-path-color"
81-
style="cursor: w-resize"
77+
@click="clickMargin(SPACING_PROPERTY.MarginLeft, $event)"
8278
></path>
8379
</g>
8480
</g>
@@ -189,7 +185,6 @@
189185
<g>
190186
<g>
191187
<path
192-
cursor="s-resize"
193188
mode="delta"
194189
fill="currentColor"
195190
d="
@@ -202,14 +197,13 @@
202197
data-automation-id="padding-top-button"
203198
aria-label="Padding top button"
204199
class="tb-path-color"
205-
style="cursor: s-resize"
200+
@click="clickPadding(SPACING_PROPERTY.PaddingTop, $event)"
206201
></path>
207202
</g>
208203
</g>
209204
<g>
210205
<g>
211206
<path
212-
cursor="w-resize"
213207
mode="delta"
214208
fill="currentColor"
215209
d="
@@ -222,14 +216,13 @@
222216
data-automation-id="padding-right-button"
223217
aria-label="Padding right button"
224218
class="lr-path-color"
225-
style="cursor: w-resize"
219+
@click="clickPadding(SPACING_PROPERTY.PaddingRight, $event)"
226220
></path>
227221
</g>
228222
</g>
229223
<g>
230224
<g>
231225
<path
232-
cursor="n-resize"
233226
mode="delta"
234227
fill="currentColor"
235228
d="
@@ -242,14 +235,13 @@
242235
data-automation-id="padding-bottom-button"
243236
aria-label="Padding bottom button"
244237
class="tb-path-color"
245-
style="cursor: n-resize"
238+
@click="clickPadding(SPACING_PROPERTY.PaddingBottom, $event)"
246239
></path>
247240
</g>
248241
</g>
249242
<g>
250243
<g>
251244
<path
252-
cursor="e-resize"
253245
mode="delta"
254246
fill="currentColor"
255247
d="
@@ -262,7 +254,7 @@
262254
data-automation-id="padding-left-button"
263255
aria-label="Padding left button"
264256
class="lr-path-color"
265-
style="cursor: e-resize"
257+
@click="clickPadding(SPACING_PROPERTY.PaddingLeft, $event)"
266258
></path>
267259
</g>
268260
</g>
@@ -537,7 +529,7 @@ export default {
537529
}
538530
539531
.spacing-edit {
540-
cursor: default;
532+
cursor: pointer;
541533
user-select: none;
542534
overflow: hidden;
543535
text-overflow: ellipsis;
@@ -600,13 +592,15 @@ export default {
600592
}
601593
602594
.lr-path-color {
595+
cursor: pointer;
603596
color: var(--ti-lowcode-spacing-lr-color);
604597
&:hover {
605598
color: var(--ti-lowcode-spacing-lr-hover-color);
606599
}
607600
}
608601
609602
.tb-path-color {
603+
cursor: pointer;
610604
color: var(--ti-lowcode-spacing-tb-color);
611605
&:hover {
612606
color: var(--ti-lowcode-spacing-tb-hover-color);

0 commit comments

Comments
 (0)