extern/nightTab
1
0
Fork 0
mirror of https://github.com/zombieFox/nightTab.git synced 2025-01-07 22:49:28 +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); 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; 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; flex-wrap: wrap;
} }
@ -340,20 +345,36 @@
color: rgb(var(--theme-white)); color: rgb(var(--theme-white));
} }
.is-link-orientation-top .link-control-item:first-child { .is-link-orientation-top.is-link-style-list .link-control-item:nth-child(1) {
border-radius: var(--theme-radius) 0 0 0; border-top-left-radius: var(--theme-radius);
} }
.is-link-orientation-top .link-control-item:last-child { .is-link-orientation-top.is-link-style-list .link-control-item:nth-child(5) {
border-radius: 0 var(--theme-radius) 0 0 border-top-right-radius: var(--theme-radius);
} }
.is-link-orientation-bottom .link-control-item:first-child { .is-link-orientation-bottom.is-link-style-list .link-control-item:nth-child(1) {
border-radius: 0 0 0 var(--theme-radius); border-bottom-left-radius: var(--theme-radius);
} }
.is-link-orientation-bottom .link-control-item:last-child { .is-link-orientation-bottom.is-link-style-list .link-control-item:nth-child(5) {
border-radius: 0 0 var(--theme-radius) 0 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, .link-url-text-dark .link-control-item:focus,