fix(tabs): Fix scroller indicator width issue

Closes #281
trimox · Nov 13, 2017 · 30bd2d3 · 30bd2d3
1 parent 1c27c1f
commit 30bd2d3
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 2 deletions.
diff --git a/src/demo-app/components/tab-demo/tab-demo.html b/src/demo-app/components/tab-demo/tab-demo.html
@@ -288,8 +288,8 @@ <h1 mdc-typography-display1>Tabs</h1>
   </pre>
 
   <div fxLayout="row">
-    <button mdc-button (click)="switchToTab()">Go To Tab 3</button>
     <button mdc-button (click)="toggleDisabled()">Toggle Disabled Tab</button>
+    <button mdc-button (click)="switchToTab()">Go To Tab 3</button>
   </div>
 </div>
 

diff --git a/src/theme/extend/tabs/mdc-tab-bar-scroller.scss b/src/theme/extend/tabs/mdc-tab-bar-scroller.scss
@@ -0,0 +1,5 @@
+.mdc-tab-bar-scroller {
+  &__indicator--forward {
+    width: 31px;
+  }
+}
diff --git a/src/theme/extend/tabs/mdc-tabs.scss b/src/theme/extend/tabs/mdc-tabs.scss
@@ -0,0 +1,2 @@
+@import "./mdc-tab";
+@import "./mdc-tab-bar-scroller";
diff --git a/src/theme/material.scss b/src/theme/material.scss
@@ -7,4 +7,4 @@
 @import "extend/mdc-dialog";
 @import "extend/drawer/mdc-drawer";
 @import "extend/list/mdc-list";
-@import "extend/tabs/mdc-tab";
+@import "extend/tabs/mdc-tabs";
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,2 @@
		@import "./mdc-tab";
		@import "./mdc-tab-bar-scroller";