Index: third_party/polymer/v1_0/components-chromium/paper-toolbar/paper-toolbar.html |
diff --git a/third_party/polymer/v1_0/components-chromium/paper-toolbar/paper-toolbar.html b/third_party/polymer/v1_0/components-chromium/paper-toolbar/paper-toolbar.html |
index 44812734fc6d471368a8fe5e080067d05e3f78b3..7acb0c92f3ab9bc5a018bff18a61dc15a73c1343 100644 |
--- a/third_party/polymer/v1_0/components-chromium/paper-toolbar/paper-toolbar.html |
+++ b/third_party/polymer/v1_0/components-chromium/paper-toolbar/paper-toolbar.html |
@@ -50,6 +50,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: |
@@ -204,6 +211,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> |