Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(468)

Unified Diff: third_party/polymer/v1_0/components/paper-toolbar/paper-toolbar.html

Issue 1221923003: Update bower.json for Polymer elements and add PRESUBMIT.py (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: rebase Created 5 years, 5 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
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
};

Powered by Google App Engine
This is Rietveld 408576698