extern/nightTab
1
0
Fork 0
mirror of https://github.com/zombieFox/nightTab.git synced 2025-01-06 14:10:12 +01:00
Code Issues Packages Projects Releases Wiki Activity

[design] improve link control border radius

Browse Source
This commit is contained in:
zombieFox 2019-11-08 07:23:49 +00:00
parent 5c95e0abac
commit 7bcc624572
1 changed files with 31 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

41
src/css/link.css
View File

@ -306,11 +306,16 @@
transition: all var(--layout-timing-extra-fast);
}
.is-link-style-list .link-control {
.is-link-orientation-top.is-link-style-list .link-control,
.is-link-orientation-bottom.is-link-style-list .link-control {
flex-wrap: nowrap;
}
.is-link-style-block .link-control {
.is-link-orientation-top.is-link-style-block .link-control {
flex-wrap: wrap-reverse;
}
.is-link-orientation-bottom.is-link-style-block .link-control {
flex-wrap: wrap;
}
@ -340,20 +345,36 @@
color: rgb(var(--theme-white));
}
.is-link-orientation-top .link-control-item:first-child {
border-radius: var(--theme-radius) 0 0 0;
.is-link-orientation-top.is-link-style-list .link-control-item:nth-child(1) {
border-top-left-radius: var(--theme-radius);
}
.is-link-orientation-top .link-control-item:last-child {
border-radius: 0 var(--theme-radius) 0 0
.is-link-orientation-top.is-link-style-list .link-control-item:nth-child(5) {
border-top-right-radius: var(--theme-radius);
}
.is-link-orientation-bottom .link-control-item:first-child {
border-radius: 0 0 0 var(--theme-radius);
.is-link-orientation-bottom.is-link-style-list .link-control-item:nth-child(1) {
border-bottom-left-radius: var(--theme-radius);
}
.is-link-orientation-bottom .link-control-item:last-child {
border-radius: 0 0 var(--theme-radius) 0
.is-link-orientation-bottom.is-link-style-list .link-control-item:nth-child(5) {
border-bottom-right-radius: var(--theme-radius);
}
.is-link-orientation-top.is-link-style-block .link-control-item:nth-child(4) {
border-top-left-radius: var(--theme-radius);
}
.is-link-orientation-top.is-link-style-block .link-control-item:nth-child(5) {
border-top-right-radius: var(--theme-radius);
}
.is-link-orientation-bottom.is-link-style-block .link-control-item:nth-child(4) {
border-bottom-left-radius: var(--theme-radius);
}
.is-link-orientation-bottom.is-link-style-block .link-control-item:nth-child(5) {
border-bottom-right-radius: var(--theme-radius);
}
.link-url-text-dark .link-control-item:focus,