fix(tabs): Make sure tabs do not wrap to next line (#385)

carbon-design-system · Oct 25, 2017 · d6927b8 · d6927b8
1 parent f33a808
commit d6927b8
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 3 deletions.
diff --git a/src/components/breadcrumb/README.md b/src/components/breadcrumb/README.md
@@ -8,7 +8,6 @@ Setting this to `display: none` will remove the associated slash.
 
 ```scss
 /* Removes the slash from the last breadcrumb-item */
-
 .bx--breadcrumb-item:last-child::after {
   display: none;
 }
@@ -18,7 +17,6 @@ Or you can add `.bx--breadcrumb--no-trailing-slash` to `.bx--breadcrumb` to remo
 
 ```html
 /* Removes the slash from the last breadcrumb-item */
-
 <div class="bx--breadcrumb bx--breadcrumb--no-trailing-slash">
   <div class="bx--breadcrumb-item">
     <a href="#" class="bx--link">Breadcrumb 1</a>
@@ -30,5 +28,4 @@ Or you can add `.bx--breadcrumb--no-trailing-slash` to `.bx--breadcrumb` to remo
     <span>Breadcrumb 3</span>
   </div>
 </div>
-
 ```
diff --git a/src/components/tabs/_tabs.scss b/src/components/tabs/_tabs.scss
@@ -148,6 +148,8 @@
     text-decoration: none;
     padding: 1rem;
     width: 100%;
+    white-space: nowrap;
+    text-overflow: ellipsis;
 
     &:focus {
       outline: 1px solid transparent;