status-im/consul
2
0
Fork 0
mirror of https://github.com/status-im/consul.git synced 2025-01-11 06:16:08 +00:00
Code Issues Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
John Cowen 2020-10-01 14:33:48 +01:00 committed by GitHub
parent d2103a61d8
commit b77712b911
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;
}