Update ToolBarFooter component to support content on the left side.

Backports PR #9514 **Commit 1:** Update ToolBarFooter component to support content on the left side. * Original sha: b77220f * Authored by CJ Cenizal <[email protected]> on 2016-12-15T22:11:10Z
elastic · Dec 16, 2016 · c2241b0 · c2241b0
1 parent 6634df3
commit c2241b0
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 0 deletions.
diff --git a/src/ui_framework/components/tool_bar/_tool_bar_footer.scss b/src/ui_framework/components/tool_bar/_tool_bar_footer.scss
@@ -16,6 +16,10 @@
   margin-left: $toolBarSectionSpacing * 0.5;
   margin-right: $toolBarSectionSpacing * 0.5;
 
+  &:first-child {
+    margin-left: 0;
+  }
+
   &:last-child {
     margin-right: 0;
   }

diff --git a/src/ui_framework/doc_site/src/views/tool_bar/tool_bar_footer.html b/src/ui_framework/doc_site/src/views/tool_bar/tool_bar_footer.html
@@ -1,4 +1,10 @@
 <div class="kuiToolBarFooter">
+  <div class="kuiToolBarFooterSection">
+    <div class="kuiToolBarText">
+      5 items selected
+    </div>
+  </div>
+
   <div class="kuiToolBarFooterSection">
     <div class="kuiToolBarText">
       1 &ndash; 20 of 33