Fix Cut-Off Header Names in Subtabs #1117

metasfresh · Aug 8, 2017 · cbb2da4 · cbb2da4
1 parent 3cd76f1
commit cbb2da4
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/src/assets/css/tabs.css b/src/assets/css/tabs.css
@@ -17,6 +17,7 @@
 .nav-tabs .nav-item.nav-item {
     margin-right: .5rem;
     margin-left: 0;
+    position: relative;
 }
 
 .nav-tabs .nav-link.active {

diff --git a/src/components/tabs/Tabs.js b/src/components/tabs/Tabs.js
@@ -41,8 +41,8 @@ class Tabs extends Component {
         const {tabIndex} = this.props;
         const maxWidth = (95 / pills.length) + '%';
         const {selected} = this.state;
-
         return pills.map((item) => {
+
             return (
                 <li
                     className="nav-item"
@@ -51,6 +51,8 @@ class Tabs extends Component {
                     tabIndex={tabIndex}
                     onKeyDown={(e) => this.handlePillKeyDown(e, item.key)}
                     style={{ maxWidth }}
+                    title={item.props.caption}
+
                 >
                     <a
                         className={