[design] improve group border controls

This commit is contained in:
zombieFox 2019-10-22 08:12:38 +01:00
parent 1a6e415678
commit dfadeded97
2 changed files with 5 additions and 4 deletions

View File

@ -6,10 +6,6 @@
width: var(--link-area-width);
}
.is-group-border .group:not(:first-child):not(:only-child) {
border-top: calc(var(--layout-line-width) * var(--group-border)) solid rgb(var(--theme-accent));
}
.group:first-child {
padding-top: calc(var(--layout-space) * var(--layout-padding));
}
@ -18,6 +14,10 @@
padding-bottom: calc(var(--layout-space) * var(--layout-padding));
}
.is-group-border .group:not(:last-child):not(:only-child) {
border-bottom: calc(var(--layout-line-width) * var(--group-border)) solid rgb(var(--theme-accent));
}
.is-group-border .group {
padding-top: calc(var(--layout-space) * var(--layout-padding));
padding-bottom: calc(var(--layout-space) * var(--layout-padding));

View File

@ -793,6 +793,7 @@
<label for="control-group-border">Between groups</label>
<input id="control-group-border" class="control-group-border mb-0" type="range" min="0" max="60" value="0" tabindex="-1">
</div>
<p class="control-link-area-width-helper form-helper small">Border between groups may not be visible if there is only one group.</p>
</div>
</div>
</div>