Index: third_party/polymer/v1_0/components/paper-toolbar/paper-toolbar.html |
diff --git a/third_party/polymer/v1_0/components/paper-toolbar/paper-toolbar.html b/third_party/polymer/v1_0/components/paper-toolbar/paper-toolbar.html |
index 153305e27f66df10c7e85a06f21b740bb84ee182..e3c7a03ad1453e90b813340c6faa1cc072f38822 100644 |
--- a/third_party/polymer/v1_0/components/paper-toolbar/paper-toolbar.html |
+++ b/third_party/polymer/v1_0/components/paper-toolbar/paper-toolbar.html |
@@ -52,6 +52,13 @@ For `medium-tall` toolbar, the middle and bottom contents overlap and are |
pinned to the bottom. But `middleJustify` and `bottomJustify` attributes are |
still honored separately. |
+To make an element completely fit at the bottom of the toolbar, use `fit` along |
+with `bottom`. |
+ |
+ <paper-toolbar class="tall"> |
+ <div id="progressBar" class="bottom fit"></div> |
+ </paper-toolbar> |
+ |
### Styling |
The following custom properties and mixins are available for styling: |
@@ -206,6 +213,17 @@ be used as the label of the toolbar via `aria-labelledby`. |
.toolbar-tools > ::content[select=".bottom"] paper-icon-button + .title { |
margin-left: 0; |
} |
+ |
+ .toolbar-tools > ::content > .fit { |
+ position: absolute; |
+ top: auto; |
+ right: 0; |
+ bottom: 0; |
+ left: 0; |
+ width: auto; |
+ margin: 0; |
+ } |
+ |
</style> |
<template> |
@@ -342,9 +360,9 @@ be used as the label of the toolbar via `aria-labelledby`. |
_computeBarClassName: function(barJustify) { |
var classObj = { |
- center: true, |
- horizontal: true, |
- layout: true, |
+ 'center': true, |
+ 'horizontal': true, |
+ 'layout': true, |
'toolbar-tools': true |
}; |