Update ToolBarFooter component to support content on the left side.

elastic · Dec 15, 2016 · b77220f · b77220f
1 parent 2f93b18
commit b77220f
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