luxolus
/
open-consul
2
0
Fork 0
Code Issues 1 Pull Requests Packages Releases Wiki Activity

ui: Fix up tab separator CSS to not apply to all tabs (#8792)

This commit is contained in:
John Cowen 2020-10-01 14:33:48 +01:00 committed by GitHub
parent 4533dc3be3
commit 2828528d47
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 7 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
ui-v2/app/styles/base/components/tabs/layout.scss
View File

@ -22,12 +22,3 @@
display: inline-block;
padding: 16px 13px;
}
%tab-section section {
padding-bottom: 24px;
}
%tab-section section:not(:last-child) {
border-bottom: 1px solid $gray-200;
}
%tab-section section > h3 {
margin: 24px 0 12px 0;
}

7
ui-v2/app/styles/routes/dc/services/index.scss
View File

@ -8,3 +8,10 @@ html[data-route^='dc.services.instance'] .app-view > header dl {
html[data-route^='dc.services.instance'] .app-view > header dt {
font-weight: $typo-weight-bold;
}
html[data-route^='dc.services.instance'] [role='tabpanel'] section:not(:last-child) {
padding-bottom: 24px;
border-bottom: 1px solid $gray-200;
}
html[data-route^='dc.services.instance'] [role='tabpanel'] section h3 {
margin: 24px 0 12px 0;
}