Skip to content

Commit 7bcc624

Browse files
committed
[design] improve link control border radius
1 parent 5c95e0a commit 7bcc624

File tree

1 file changed

+31
-10
lines changed

1 file changed

+31
-10
lines changed

‎src/css/link.css‎

Lines changed: 31 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -306,11 +306,16 @@
306306
transition: all var(--layout-timing-extra-fast);
307307
}
308308

309-
.is-link-style-list .link-control{
309+
.is-link-orientation-top.is-link-style-list .link-control,
310+
.is-link-orientation-bottom.is-link-style-list .link-control{
310311
flex-wrap: nowrap;
311312
}
312313

313-
.is-link-style-block .link-control{
314+
.is-link-orientation-top.is-link-style-block .link-control{
315+
flex-wrap: wrap-reverse;
316+
}
317+
318+
.is-link-orientation-bottom.is-link-style-block .link-control{
314319
flex-wrap: wrap;
315320
}
316321

@@ -340,20 +345,36 @@
340345
color:rgb(var(--theme-white));
341346
}
342347

343-
.is-link-orientation-top .link-control-item:first-child{
344-
border-radius:var(--theme-radius) 000;
348+
.is-link-orientation-top.is-link-style-list .link-control-item:nth-child(1){
349+
border-top-left-radius:var(--theme-radius);
350+
}
351+
352+
.is-link-orientation-top.is-link-style-list .link-control-item:nth-child(5){
353+
border-top-right-radius:var(--theme-radius);
354+
}
355+
356+
.is-link-orientation-bottom.is-link-style-list .link-control-item:nth-child(1){
357+
border-bottom-left-radius:var(--theme-radius);
358+
}
359+
360+
.is-link-orientation-bottom.is-link-style-list .link-control-item:nth-child(5){
361+
border-bottom-right-radius:var(--theme-radius);
362+
}
363+
364+
.is-link-orientation-top.is-link-style-block .link-control-item:nth-child(4){
365+
border-top-left-radius:var(--theme-radius);
345366
}
346367

347-
.is-link-orientation-top .link-control-item:last-child{
348-
border-radius:0var(--theme-radius)00
368+
.is-link-orientation-top.is-link-style-block .link-control-item:nth-child(5){
369+
border-top-right-radius:var(--theme-radius);
349370
}
350371

351-
.is-link-orientation-bottom .link-control-item:first-child{
352-
border-radius:000var(--theme-radius);
372+
.is-link-orientation-bottom.is-link-style-block .link-control-item:nth-child(4){
373+
border-bottom-left-radius:var(--theme-radius);
353374
}
354375

355-
.is-link-orientation-bottom .link-control-item:last-child{
356-
border-radius:00var(--theme-radius)0
376+
.is-link-orientation-bottom.is-link-style-block .link-control-item:nth-child(5){
377+
border-bottom-right-radius:var(--theme-radius);
357378
}
358379

359380
.link-url-text-dark .link-control-item:focus,

0 commit comments

Comments
(0)