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

Unified Diff: third_party/polymer/components/core-toolbar/core-toolbar.html

Issue 1215543002: Remove Polymer 0.5. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: fix unit test Created 5 years, 6 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/components/core-toolbar/core-toolbar.html
diff --git a/third_party/polymer/components/core-toolbar/core-toolbar.html b/third_party/polymer/components/core-toolbar/core-toolbar.html
deleted file mode 100644
index d196f6b86939c251f344ca4001bde46e3a6678fd..0000000000000000000000000000000000000000
--- a/third_party/polymer/components/core-toolbar/core-toolbar.html
+++ /dev/null
@@ -1,155 +0,0 @@
-<!--
-Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
-This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
-The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
-The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
-Code distributed by Google as part of the polymer project is also
-subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
--->
-
-<!--
-`core-toolbar` is a horizontal bar containing items that can be used for
-label, navigation, search and actions. The items place inside the
-`core-toolbar` are projected into a `horizontal center layout` container inside of
-`core-toolbar`'s Shadow DOM. You can use flex attributes to control the items'
-sizing.
-
-Example:
-
- <core-toolbar>
- <core-icon-button icon="menu" on-tap="{{menuAction}}"></core-icon-button>
- <div flex>Title</div>
- <core-icon-button icon="more" on-tap="{{moreAction}}"></core-icon-button>
- </core-toolbar>
-
-`core-toolbar` has a standard height, but can made be taller by setting `tall`
-class on the `core-toolbar`. This will make the toolbar 3x the normal height.
-
- <core-toolbar class="tall">
- <core-icon-button icon="menu"></core-icon-button>
- </core-toolbar>
-
-Apply `medium-tall` class to make the toolbar medium tall. This will make the
-toolbar 2x the normal height.
-
- <core-toolbar class="medium-tall">
- <core-icon-button icon="menu"></core-icon-button>
- </core-toolbar>
-
-When `tall`, items can pin to either the top (default), middle or bottom. Use
-`middle` class for middle content and `bottom` class for bottom content.
-
- <core-toolbar class="tall">
- <core-icon-button icon="menu"></core-icon-button>
- <div class="middle indent">Middle Title</div>
- <div class="bottom indent">Bottom Title</div>
- </core-toolbar>
-
-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`.
-
- <core-toolbar class="tall">
- <div id="progressBar" class="bottom fit"></div>
- </core-toolbar>
-
-`core-toolbar` adapts to mobile/narrow layout when there is a `core-narrow` class set
-on itself or any of its ancestors.
-
-@group Polymer Core Elements
-@element core-toolbar
-@homepage github.io
--->
-
-<link rel="import" href="../polymer/polymer.html">
-
-<polymer-element name="core-toolbar" attributes="justify middleJustify bottomJustify">
-<template>
-
- <link rel="stylesheet" href="core-toolbar.css">
-
- <div id="bottomBar" class="toolbar-tools" center horizontal layout>
- <content select=".bottom"></content>
- </div>
-
- <div id="middleBar" class="toolbar-tools" center horizontal layout>
- <content select=".middle"></content>
- </div>
-
- <div id="topBar" class="toolbar-tools" center horizontal layout>
- <content></content>
- </div>
-
-</template>
-<script>
-
-(function() {
-
- Polymer('core-toolbar', {
-
- /**
- * Controls how the items are aligned horizontally.
- * Options are `start`, `center`, `end`, `between` and `around`.
- *
- * @attribute justify
- * @type string
- * @default ''
- */
- justify: '',
-
- /**
- * Controls how the items are aligned horizontally when they are placed
- * in the middle.
- * Options are `start`, `center`, `end`, `between` and `around`.
- *
- * @attribute middleJustify
- * @type string
- * @default ''
- */
- middleJustify: '',
-
- /**
- * Controls how the items are aligned horizontally when they are placed
- * at the bottom.
- * Options are `start`, `center`, `end`, `between` and `around`.
- *
- * @attribute bottomJustify
- * @type string
- * @default ''
- */
- bottomJustify: '',
-
- justifyChanged: function(old) {
- this.updateBarJustify(this.$.topBar, this.justify, old);
- },
-
- middleJustifyChanged: function(old) {
- this.updateBarJustify(this.$.middleBar, this.middleJustify, old);
- },
-
- bottomJustifyChanged: function(old) {
- this.updateBarJustify(this.$.bottomBar, this.bottomJustify, old);
- },
-
- updateBarJustify: function(bar, justify, old) {
- if (old) {
- bar.removeAttribute(this.toLayoutAttrName(old));
- }
- if (justify) {
- bar.setAttribute(this.toLayoutAttrName(justify), '');
- }
- },
-
- toLayoutAttrName: function(value) {
- return value === 'between' ? 'justified' : value + '-justified';
- }
-
- });
-
-})();
-
-</script>
-</polymer-element>
« no previous file with comments | « third_party/polymer/components/core-toolbar/core-toolbar.css ('k') | third_party/polymer/components/core-toolbar/demo.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698