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

4 years ago · b77712b911
parent d2103a61d8
commit b77712b911
2 changed files with 7 additions and 9 deletions
--- a/ui-v2/app/styles/base/components/tabs/layout.scss
+++ b/ui-v2/app/styles/base/components/tabs/layout.scss
@ -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;
-}
--- a/ui-v2/app/styles/routes/dc/services/index.scss
+++ b/ui-v2/app/styles/routes/dc/services/index.scss
@ -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;
+}