Merge "Move Detail page styling into theme"

openstack_dashboard/dashboards/identity/projects/templates/projects/_detail_overview.html

@@ -1,6 +1,6 @@
 {% load i18n  %}
 
-<div class="detail tab-content">
+<div class="detail">
   <dl class="dl-horizontal">
     <dt>{% trans "Project Name" %}</dt>
     <dd>{{ project.name }}</dd>

openstack_dashboard/dashboards/identity/users/templates/users/_detail_overview.html

@@ -1,6 +1,6 @@
 {% load i18n %}
 
-<div class="detail tab-content">
+<div class="detail">
   <dl class="dl-horizontal">
     {% if domain_id %}
       <dt>{% trans "Domain ID" %}</dt>

openstack_dashboard/static/dashboard/scss/components/_workflow.scss

@@ -1,10 +1,4 @@
 .workflow {
-  .tab-content {
-    border-left: 0 none;
-    border-right: 0 none;
-    border-bottom: 0 none;
-    padding-top: 10px;
-  }
 
   fieldset > table {
     margin-bottom: 0;

openstack_dashboard/static/dashboard/scss/horizon.scss

@@ -1277,27 +1277,6 @@ a:hover.link-popover { text-decoration: none; }
   top: 0;
 }
 
-/**** Details Override ****/
-.page-header > .breadcrumb {
-  font-size: $font-size-h3;
-  margin-bottom: 0;
-
-  .actions_column {
-    padding: 0;
-  }
-}
-
-.detail {
-  ul {
-    padding-left: 0;
-  }
-
-  dt, dd {
-    text-align: left;
-    line-height: $line-height-small;
-  }
-}
-
 input::-ms-clear, input::-ms-reveal {
   display: none;
 }

openstack_dashboard/themes/default/bootstrap/components/_navs.scss

@@ -23,4 +23,9 @@
   & > li > .in {
     border-bottom: 1px solid $gray-light;
   }
-}
+}
+
+.nav-tabs {
+  // Spacing for content in details pages
+  margin-bottom: 10px;
+}

openstack_dashboard/themes/default/horizon/_styles.scss

@@ -5,9 +5,9 @@
 @import 'components/tables';
 @import 'components/table_actions';
 @import 'components/pie_charts';
+@import 'components/breadcrumb_header';
 
 .navbar-brand {
-
   // The 114 is a legacy value to push the context-menu over
   padding-right: 114px;
 }
@@ -21,3 +21,14 @@ form label {
   display: inline-block;
 }
 
+/* Details page overrides */
+.detail {
+  ul {
+    padding-left: 0;
+  }
+
+  dt, dd {
+    text-align: left;
+    line-height: $line-height-small;
+  }
+}

openstack_dashboard/themes/default/horizon/components/_breadcrumb_header.scss

@@ -0,0 +1,10 @@
+/* Breadcrumb used as a header in the details pages */
+.page-header > .breadcrumb {
+  font-size: $font-size-h3;
+  margin-bottom: 0;
+  padding: 8px 0px;
+
+  .actions_column {
+    padding: 0;
+  }
+}