fix(fabToolbar): fix toolbar height to use variables

topherfangio · ThomasBurleson · commit 2dc200af4afd · 2015-08-05T22:13:03.000-05:00
Fab Toolbar incorrectly used 6.8rem instead of the rem(6.8) SCSS function. Also updated it to use button.scss variables instead of hard-coded values. BREAKING CHANGE: md-fab-toolbar now uses variables for height ```css md-fab-toolbar { height: $button-fab-width + ($icon-button-margin * 2); } ``` closes #3384. closes #4007.
diff --git a/src/components/fabToolbar/fabToolbar.scss b/src/components/fabToolbar/fabToolbar.scss
@@ -11,8 +11,8 @@ md-fab-toolbar {
     position: relative;
     overflow: hidden;
 
-    // Account for the size of the trigger (5.6rem) plus it's margin/shadow (0.6rem * 2)
-    height: 6.8rem;
+    // Account for the size of the trigger plus it's margin/shadow
+    height: $button-fab-width + ($icon-button-margin * 2);
   }
 
   md-fab-trigger {

Original file line number	Diff line number	Diff line change
`@@ -11,8 +11,8 @@ md-fab-toolbar {`
`11`	`11`	`position: relative;`
`12`	`12`	`overflow: hidden;`
`13`	`13`
`14`		`- // Account for the size of the trigger (5.6rem) plus it's margin/shadow (0.6rem * 2)`
`15`		`- height: 6.8rem;`
	`14`	`+ // Account for the size of the trigger plus it's margin/shadow`
	`15`	`+ height: $button-fab-width + ($icon-button-margin * 2);`
`16`	`16`	`}`
`17`	`17`
`18`	`18`	`md-fab-trigger {`