From f4a70f34b9fb4498585865c6e5e194ae0bde2ab7 Mon Sep 17 00:00:00 2001 From: frankiefu Date: Fri, 12 Jul 2013 14:09:16 -0700 Subject: [PATCH 01/54] adjust transiton duration from 0.5 to 0.33 --- polymer-ui-nav-arrow/polymer-ui-nav-arrow.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/polymer-ui-nav-arrow/polymer-ui-nav-arrow.css b/polymer-ui-nav-arrow/polymer-ui-nav-arrow.css index b107e97..8d62d9a 100644 --- a/polymer-ui-nav-arrow/polymer-ui-nav-arrow.css +++ b/polymer-ui-nav-arrow/polymer-ui-nav-arrow.css @@ -17,7 +17,7 @@ license that can be found in the LICENSE file. border-bottom: 9px solid transparent; border-right: 9px solid white; -webkit-transition: -webkit-transform 0.5s; - transition: transform 0.5s; + transition: transform 0.33s; } .show { From 28f59e529d4f965a850f36ae2c0cfdb2ad4ec763 Mon Sep 17 00:00:00 2001 From: frankiefu Date: Mon, 15 Jul 2013 17:00:30 -0700 Subject: [PATCH 02/54] select on menu-item itself should deselect all sub-items --- polymer-ui-menu-item/polymer-ui-menu-item.html | 18 +++++++++++++++--- 1 file changed, 15 insertions(+), 3 deletions(-) diff --git a/polymer-ui-menu-item/polymer-ui-menu-item.html b/polymer-ui-menu-item/polymer-ui-menu-item.html index d38062b..8bddf92 100644 --- a/polymer-ui-menu-item/polymer-ui-menu-item.html +++ b/polymer-ui-menu-item/polymer-ui-menu-item.html @@ -19,7 +19,7 @@ - diff --git a/polymer-ui-sidebar/index.html b/polymer-ui-sidebar/index.html new file mode 100644 index 0000000..0c33b5d --- /dev/null +++ b/polymer-ui-sidebar/index.html @@ -0,0 +1,36 @@ + + + + + + polymer-ui-sidebar + + + + + + + + + + some content... + + + diff --git a/polymer-ui-sidebar/polymer-ui-sidebar.css b/polymer-ui-sidebar/polymer-ui-sidebar.css new file mode 100644 index 0000000..5fdeb06 --- /dev/null +++ b/polymer-ui-sidebar/polymer-ui-sidebar.css @@ -0,0 +1,43 @@ +/* +Copyright 2013 The Polymer Authors. All rights reserved. +Use of this source code is governed by a BSD-style +license that can be found in the LICENSE file. +*/ + +@host { + * { + position: relative; + box-shadow: inset -8px 0px 8px -4px rgba(0, 0, 0, 0.4); + } + + .polymer-ui-light-theme { + color: #333333; + box-shadow: inset -8px 0px 8px -4px rgba(0, 0, 0, 0.15); + } + + .polymer-ui-dark-theme { + background: -webkit-linear-gradient(-60deg, #3d3d3d, #353535); + background: -moz-linear-gradient(-60deg, #3d3d3d, #353535); + background: -ms-linear-gradient(-60deg, #3d3d3d, #353535); + color: #ededed; + } +} + +polymer-ui-toolbar { + /* override @host styles on polymer-ui-toolbar */ + padding: 0 12px !important; + border-bottom: 1px solid rgba(0, 0, 0, 0.2) !important; + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.02); +} + +.sidebar-title { + font-size: 21px; + font-weight: bold; + opacity: 0.8; + text-shadow: -1px -1px rgba(0, 0, 0, 0.2); +} + +/*@polyfill @host > polymer-ui-menu */ +content::-webkit-distributed(polymer-ui-menu) { + background: none !important; +} \ No newline at end of file diff --git a/polymer-ui-sidebar/polymer-ui-sidebar.html b/polymer-ui-sidebar/polymer-ui-sidebar.html new file mode 100644 index 0000000..ec20f1f --- /dev/null +++ b/polymer-ui-sidebar/polymer-ui-sidebar.html @@ -0,0 +1,30 @@ + + + + + + + + + From 643d2fd139c01363668bdb8275b549ed9a0b2161 Mon Sep 17 00:00:00 2001 From: frankiefu Date: Tue, 16 Jul 2013 10:36:42 -0700 Subject: [PATCH 04/54] use polymer-ui-sidebar in polymer-ui-sidebar-menu --- .../polymer-ui-sidebar-menu.css | 18 ++--------- .../polymer-ui-sidebar-menu.html | 30 ++++++++++++++----- .../polymer-ui-sidebar-header.css | 25 ++++++++++++++++ .../polymer-ui-sidebar-header.html | 26 ++++++++++++++++ polymer-ui-sidebar/polymer-ui-sidebar.css | 19 ++---------- polymer-ui-sidebar/polymer-ui-sidebar.html | 7 ++--- 6 files changed, 81 insertions(+), 44 deletions(-) create mode 100644 polymer-ui-sidebar/polymer-ui-sidebar-header.css create mode 100644 polymer-ui-sidebar/polymer-ui-sidebar-header.html diff --git a/polymer-ui-sidebar-menu/polymer-ui-sidebar-menu.css b/polymer-ui-sidebar-menu/polymer-ui-sidebar-menu.css index 8c28cf5..030e98d 100644 --- a/polymer-ui-sidebar-menu/polymer-ui-sidebar-menu.css +++ b/polymer-ui-sidebar-menu/polymer-ui-sidebar-menu.css @@ -6,9 +6,8 @@ license that can be found in the LICENSE file. @host { * { - position: relative; + padding: 0 !important; box-shadow: inset -8px 0px 8px -4px rgba(0, 0, 0, 0.4); - padding: 0; } .polymer-ui-light-theme { @@ -16,20 +15,9 @@ license that can be found in the LICENSE file. } } -polymer-ui-toolbar { - /* override @host styles on polymer-ui-toolbar */ - padding: 0 12px !important; - border-bottom: 1px solid rgba(0, 0, 0, 0.2) !important; - box-shadow: 0 1px 0 rgba(255, 255, 255, 0.02); -} - -.sidebar-title { - font-size: 21px; - opacity: 0.8; - text-shadow: -1px -1px rgba(0, 0, 0, 0.2); -} - .sidebar-menu { + position: relative; padding: 0 10px; margin: 10px 0; + overflow: auto; } diff --git a/polymer-ui-sidebar-menu/polymer-ui-sidebar-menu.html b/polymer-ui-sidebar-menu/polymer-ui-sidebar-menu.html index 7b11238..365ca81 100644 --- a/polymer-ui-sidebar-menu/polymer-ui-sidebar-menu.html +++ b/polymer-ui-sidebar-menu/polymer-ui-sidebar-menu.html @@ -14,24 +14,38 @@ * @extends polymer-ui-menu */ --> - + - - + + + + diff --git a/polymer-ui-sidebar/polymer-ui-sidebar-header.css b/polymer-ui-sidebar/polymer-ui-sidebar-header.css new file mode 100644 index 0000000..161e84b --- /dev/null +++ b/polymer-ui-sidebar/polymer-ui-sidebar-header.css @@ -0,0 +1,25 @@ +/* +Copyright 2013 The Polymer Authors. All rights reserved. +Use of this source code is governed by a BSD-style +license that can be found in the LICENSE file. +*/ + +@host { + * { + display: block; + } +} + +polymer-ui-toolbar { + /* override @host styles on polymer-ui-toolbar */ + padding: 0 12px !important; + border-bottom: 1px solid rgba(0, 0, 0, 0.2) !important; + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.02); +} + +.sidebar-title { + font-size: 21px; + font-weight: bold; + opacity: 0.8; + text-shadow: -1px -1px rgba(0, 0, 0, 0.2); +} diff --git a/polymer-ui-sidebar/polymer-ui-sidebar-header.html b/polymer-ui-sidebar/polymer-ui-sidebar-header.html new file mode 100644 index 0000000..ac7979c --- /dev/null +++ b/polymer-ui-sidebar/polymer-ui-sidebar-header.html @@ -0,0 +1,26 @@ + + + + + + + diff --git a/polymer-ui-sidebar/polymer-ui-sidebar.css b/polymer-ui-sidebar/polymer-ui-sidebar.css index 5fdeb06..548e798 100644 --- a/polymer-ui-sidebar/polymer-ui-sidebar.css +++ b/polymer-ui-sidebar/polymer-ui-sidebar.css @@ -6,13 +6,12 @@ license that can be found in the LICENSE file. @host { * { - position: relative; box-shadow: inset -8px 0px 8px -4px rgba(0, 0, 0, 0.4); } .polymer-ui-light-theme { - color: #333333; box-shadow: inset -8px 0px 8px -4px rgba(0, 0, 0, 0.15); + color: #333333; } .polymer-ui-dark-theme { @@ -23,21 +22,7 @@ license that can be found in the LICENSE file. } } -polymer-ui-toolbar { - /* override @host styles on polymer-ui-toolbar */ - padding: 0 12px !important; - border-bottom: 1px solid rgba(0, 0, 0, 0.2) !important; - box-shadow: 0 1px 0 rgba(255, 255, 255, 0.02); -} - -.sidebar-title { - font-size: 21px; - font-weight: bold; - opacity: 0.8; - text-shadow: -1px -1px rgba(0, 0, 0, 0.2); -} - -/*@polyfill @host > polymer-ui-menu */ +/*@polyfill @host polymer-ui-menu */ content::-webkit-distributed(polymer-ui-menu) { background: none !important; } \ No newline at end of file diff --git a/polymer-ui-sidebar/polymer-ui-sidebar.html b/polymer-ui-sidebar/polymer-ui-sidebar.html index ec20f1f..6172345 100644 --- a/polymer-ui-sidebar/polymer-ui-sidebar.html +++ b/polymer-ui-sidebar/polymer-ui-sidebar.html @@ -14,17 +14,16 @@ */ --> - + From 21e3c99502cb4f0b96362c428a912b132c7bfecb Mon Sep 17 00:00:00 2001 From: frankiefu Date: Tue, 16 Jul 2013 15:23:32 -0700 Subject: [PATCH 05/54] remove touch-action="none" since it's not needed anymore --- polymer-ui-ratings/polymer-ui-ratings.html | 2 +- polymer-ui-splitter/polymer-ui-splitter.html | 1 - .../polymer-ui-toggle-button.html | 3 --- polymer-ui-toolbar/polymer-ui-toolbar.html | 15 ++++++--------- 4 files changed, 7 insertions(+), 14 deletions(-) diff --git a/polymer-ui-ratings/polymer-ui-ratings.html b/polymer-ui-ratings/polymer-ui-ratings.html index b1839fa..05a066b 100644 --- a/polymer-ui-ratings/polymer-ui-ratings.html +++ b/polymer-ui-ratings/polymer-ui-ratings.html @@ -29,7 +29,7 @@ From afe451177ea0d14a054aed85fdfe7521d2d7b7ef Mon Sep 17 00:00:00 2001 From: "Scott J. Miles" Date: Wed, 17 Jul 2013 12:47:01 -0700 Subject: [PATCH 06/54] css tweaks; add gruntfile for building docs, and manifest.xml for discovery --- .gitignore | 1 + .htaccess | 1 + gruntfile.js | 35 +++++++++++++++++++ manifest.xml | 17 +++++++++ package.json | 16 +++++++++ .../polymer-ui-icon-button.css | 6 ++-- .../polymer-ui-icon-button.html | 2 +- polymer-ui-icon/polymer-ui-icon.html | 1 + .../polymer-ui-menu-item.html | 3 +- polymer-ui-menu/polymer-ui-menu.css | 3 +- polymer-ui-tabs/polymer-ui-tabs.html | 3 +- polymer-ui-toolbar/polymer-ui-toolbar.css | 2 +- 12 files changed, 80 insertions(+), 10 deletions(-) create mode 100644 .gitignore create mode 100644 .htaccess create mode 100644 gruntfile.js create mode 100644 manifest.xml create mode 100644 package.json diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..2f88269 --- /dev/null +++ b/.gitignore @@ -0,0 +1 @@ +/docs diff --git a/.htaccess b/.htaccess new file mode 100644 index 0000000..3033e41 --- /dev/null +++ b/.htaccess @@ -0,0 +1 @@ +ErrorDocument 404 "

To Be Completed

" \ No newline at end of file diff --git a/gruntfile.js b/gruntfile.js new file mode 100644 index 0000000..2c12c35 --- /dev/null +++ b/gruntfile.js @@ -0,0 +1,35 @@ +/* + * Copyright 2013 The Polymer Authors. All rights reserved. + * Use of this source code is governed by a BSD-style + * license that can be found in the LICENSE file. + */ +module.exports = function(grunt) { + grunt.initConfig({ + yuidoc: { + compile: { + name: '<%= pkg.name %>', + description: '<%= pkg.description %>', + version: '<%= pkg.version %>', + url: '<%= pkg.homepage %>', + options: { + exclude: 'third_party', + extension: '.js,.html', + paths: '.', + outdir: 'docs', + linkNatives: 'true', + tabtospace: 2, + themedir: '../docs/doc_themes/footstrap' + } + } + }, + pkg: grunt.file.readJSON('package.json') + }); + + // plugins + grunt.loadNpmTasks('grunt-contrib-yuidoc'); + + // tasks + grunt.registerTask('default', ['yuidoc']); + grunt.registerTask('docs', ['yuidoc']); +}; + diff --git a/manifest.xml b/manifest.xml new file mode 100644 index 0000000..a88daaf --- /dev/null +++ b/manifest.xml @@ -0,0 +1,17 @@ + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/package.json b/package.json new file mode 100644 index 0000000..d05e968 --- /dev/null +++ b/package.json @@ -0,0 +1,16 @@ +{ + "name": "PolymerUiElements", + "version": "0.0.1", + "devDependencies": { + "mocha": "*", + "chai": "*", + "grunt": "*", + "grunt-contrib-uglify": "*", + "grunt-contrib-yuidoc": "*", + "grunt-karma-0.9.1": "~0.4.3", + "karma-mocha": "*", + "karma-browserstack-launcher": "*", + "karma-script-launcher": "*", + "karma-crbot-reporter": "*" + } +} diff --git a/polymer-ui-icon-button/polymer-ui-icon-button.css b/polymer-ui-icon-button/polymer-ui-icon-button.css index 8c32c02..88e91b5 100644 --- a/polymer-ui-icon-button/polymer-ui-icon-button.css +++ b/polymer-ui-icon-button/polymer-ui-icon-button.css @@ -16,15 +16,15 @@ license that can be found in the LICENSE file. background: url(btn_light.png) top left no-repeat; background-size: cover; } - + *:hover { background-position: 0 -44px; } - + *.selected { background-position: 0 -88px; } - + *:active, *.selected:active { background-position: 0 -132px; } diff --git a/polymer-ui-icon-button/polymer-ui-icon-button.html b/polymer-ui-icon-button/polymer-ui-icon-button.html index d209fff..0ebbee2 100644 --- a/polymer-ui-icon-button/polymer-ui-icon-button.html +++ b/polymer-ui-icon-button/polymer-ui-icon-button.html @@ -30,7 +30,7 @@ - - diff --git a/polymer-ui-sidebar/polymer-ui-sidebar.css b/polymer-ui-sidebar/polymer-ui-sidebar.css index 72d2031..234b1dc 100644 --- a/polymer-ui-sidebar/polymer-ui-sidebar.css +++ b/polymer-ui-sidebar/polymer-ui-sidebar.css @@ -22,7 +22,7 @@ license that can be found in the LICENSE file. } } -/*@polyfill @host polymer-ui-menu */ +/*@polyfill @host :not(polymer-ui-menu-item) > polymer-ui-menu */ content::-webkit-distributed(polymer-ui-menu) { background: none !important; padding: 0 10px; From 20d6323627e0bf50382ff67b102d1eb6240c21f3 Mon Sep 17 00:00:00 2001 From: "Scott J. Miles" Date: Thu, 18 Jul 2013 09:29:47 -0700 Subject: [PATCH 10/54] include docs infrastructure --- .gitignore | 2 ++ .gitmodules | 3 +++ gruntfile.js | 2 +- package.json | 12 ++---------- polymer-ui-nav-arrow/polymer-ui-nav-arrow.html | 12 +++++++----- polymer-ui-sidebar-menu/polymer-ui-sidebar-menu.css | 2 +- tools | 1 + 7 files changed, 17 insertions(+), 17 deletions(-) create mode 100644 .gitmodules create mode 160000 tools diff --git a/.gitignore b/.gitignore index 2f88269..268eba2 100644 --- a/.gitignore +++ b/.gitignore @@ -1 +1,3 @@ /docs + +/node_modules diff --git a/.gitmodules b/.gitmodules new file mode 100644 index 0000000..f30fbaa --- /dev/null +++ b/.gitmodules @@ -0,0 +1,3 @@ +[submodule "tools"] + path = tools + url = https://github.com/Polymer/tools.git diff --git a/gruntfile.js b/gruntfile.js index 2c12c35..7a9e416 100644 --- a/gruntfile.js +++ b/gruntfile.js @@ -18,7 +18,7 @@ module.exports = function(grunt) { outdir: 'docs', linkNatives: 'true', tabtospace: 2, - themedir: '../docs/doc_themes/footstrap' + themedir: 'tools/docs/doc_themes/footstrap' } } }, diff --git a/package.json b/package.json index d05e968..1a5ed1e 100644 --- a/package.json +++ b/package.json @@ -1,16 +1,8 @@ { - "name": "PolymerUiElements", + "name": "PolymerElements", "version": "0.0.1", "devDependencies": { - "mocha": "*", - "chai": "*", "grunt": "*", - "grunt-contrib-uglify": "*", - "grunt-contrib-yuidoc": "*", - "grunt-karma-0.9.1": "~0.4.3", - "karma-mocha": "*", - "karma-browserstack-launcher": "*", - "karma-script-launcher": "*", - "karma-crbot-reporter": "*" + "grunt-contrib-yuidoc": "*" } } diff --git a/polymer-ui-nav-arrow/polymer-ui-nav-arrow.html b/polymer-ui-nav-arrow/polymer-ui-nav-arrow.html index 7616fb2..ed7d33d 100644 --- a/polymer-ui-nav-arrow/polymer-ui-nav-arrow.html +++ b/polymer-ui-nav-arrow/polymer-ui-nav-arrow.html @@ -29,11 +29,13 @@ }, itemChanged: function() { var p = this.item.parentNode; - var subitems = p.items; - var i = Array.prototype.indexOf.call(subitems, this.item); - if (i >= 0) { - var h = subitems[i].$.item.offsetHeight; - this.top = i * h + h/2 + subitems[0].offsetTop; + if (p) { + var subitems = p.items; + var i = Array.prototype.indexOf.call(subitems, this.item); + if (i >= 0) { + var h = subitems[i].$.item.offsetHeight; + this.top = i * h + h/2 + subitems[0].offsetTop; + } } }, translateY: function(y) { diff --git a/polymer-ui-sidebar-menu/polymer-ui-sidebar-menu.css b/polymer-ui-sidebar-menu/polymer-ui-sidebar-menu.css index 030e98d..5cb33a2 100644 --- a/polymer-ui-sidebar-menu/polymer-ui-sidebar-menu.css +++ b/polymer-ui-sidebar-menu/polymer-ui-sidebar-menu.css @@ -16,7 +16,7 @@ license that can be found in the LICENSE file. } .sidebar-menu { - position: relative; + position: relative; padding: 0 10px; margin: 10px 0; overflow: auto; diff --git a/tools b/tools new file mode 160000 index 0000000..d4194fe --- /dev/null +++ b/tools @@ -0,0 +1 @@ +Subproject commit d4194fed0aa30e89fd3ba405f64ade3e45bd6d47 From ab70196f1632cf434c0072b6b57d5930008cba77 Mon Sep 17 00:00:00 2001 From: Scott Miles Date: Thu, 18 Jul 2013 14:25:32 -0700 Subject: [PATCH 11/54] fix doc tool provisioning --- gruntfile.js | 2 +- package.json | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/gruntfile.js b/gruntfile.js index 7a9e416..16c32c2 100644 --- a/gruntfile.js +++ b/gruntfile.js @@ -18,7 +18,7 @@ module.exports = function(grunt) { outdir: 'docs', linkNatives: 'true', tabtospace: 2, - themedir: 'tools/docs/doc_themes/footstrap' + themedir: 'tools/doc/themes/footstrap' } } }, diff --git a/package.json b/package.json index 1a5ed1e..3a3ba27 100644 --- a/package.json +++ b/package.json @@ -1,5 +1,5 @@ { - "name": "PolymerElements", + "name": "PolymerUIElements", "version": "0.0.1", "devDependencies": { "grunt": "*", From 280df12b8b2208a1e4a61deb7be3cfc809d7d143 Mon Sep 17 00:00:00 2001 From: Scott Miles Date: Thu, 18 Jul 2013 15:58:30 -0700 Subject: [PATCH 12/54] avoid getComputedStyle at create time (breaks FF) --- polymer-ui-icon/polymer-ui-icon.html | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/polymer-ui-icon/polymer-ui-icon.html b/polymer-ui-icon/polymer-ui-icon.html index ccf1559..4306c02 100644 --- a/polymer-ui-icon/polymer-ui-icon.html +++ b/polymer-ui-icon/polymer-ui-icon.html @@ -95,8 +95,9 @@ if (this.src) { this.style.backgroundPosition = 'center'; } else { - this.bx = parseFloat(getComputedStyle(this).backgroundPosition.split(' ').shift()); - this.style.backgroundPosition = (this.bx + 'px') + ' ' + (this.by + 'px'); + //this.bx = parseFloat(getComputedStyle(this).backgroundPosition.split(' ').shift()); + //this.style.backgroundPosition = (this.bx + 'px') + ' ' + (this.by + 'px'); + this.style.backgroundPositionY = this.by + 'px'; } } }); From 5c2f710c0358666d755b0a54a5f4c32fb17ba9e7 Mon Sep 17 00:00:00 2001 From: frankiefu Date: Thu, 18 Jul 2013 19:46:23 -0700 Subject: [PATCH 13/54] hide the arrow if item is null --- polymer-ui-nav-arrow/polymer-ui-nav-arrow.html | 12 ++++++++++-- 1 file changed, 10 insertions(+), 2 deletions(-) diff --git a/polymer-ui-nav-arrow/polymer-ui-nav-arrow.html b/polymer-ui-nav-arrow/polymer-ui-nav-arrow.html index ed7d33d..4292016 100644 --- a/polymer-ui-nav-arrow/polymer-ui-nav-arrow.html +++ b/polymer-ui-nav-arrow/polymer-ui-nav-arrow.html @@ -17,17 +17,25 @@ diff --git a/polymer-ui-icon/polymer-ui-icon.html b/polymer-ui-icon/polymer-ui-icon.html index 4306c02..1096db6 100644 --- a/polymer-ui-icon/polymer-ui-icon.html +++ b/polymer-ui-icon/polymer-ui-icon.html @@ -40,6 +40,47 @@ From d7d8b5476697e22cd7889393f206bfa03aeb8645 Mon Sep 17 00:00:00 2001 From: Steve Orvell Date: Thu, 25 Jul 2013 08:35:22 -0700 Subject: [PATCH 24/54] correct icon names to indexes --- polymer-ui-icon/polymer-ui-icon.html | 61 ++++++++++++++-------------- 1 file changed, 31 insertions(+), 30 deletions(-) diff --git a/polymer-ui-icon/polymer-ui-icon.html b/polymer-ui-icon/polymer-ui-icon.html index 1096db6..097486e 100644 --- a/polymer-ui-icon/polymer-ui-icon.html +++ b/polymer-ui-icon/polymer-ui-icon.html @@ -50,36 +50,37 @@ trash: 6, refresh: 7, settings: 8, - left: 9, - right: 9, - down: 10, - up: 11, - grid: 12, - contact: 13, - account: 14, - plus: 15, - time: 16, - marker: 17, - briefcase: 18, - array: 19, - columns: 20, - list: 21, - modules: 22, - quilt: 23, - stream: 24, - maximize: 25, - shrink: 26, - sort: 27, - shortcut: 28, - dialog: 29, - twitter: 30, - facebook: 31, - favorite: 32, - gplus: 33, - filter: 34, - tag: 35, - plusone: 36, - dots: 37 + bubble: 9, + left: 10, + right: 11, + down: 12, + up: 13, + grid: 14, + contact: 15, + account: 16, + plus: 17, + time: 18, + marker: 19, + briefcase: 20, + array: 21, + columns: 22, + list: 23, + modules: 24, + quilt: 25, + stream: 26, + maximize: 27, + shrink: 28, + sort: 29, + shortcut: 30, + dialog: 31, + twitter: 32, + facebook: 33, + favorite: 34, + gplus: 35, + filter: 36, + tag: 37, + plusone: 38, + dots: 39 }; Polymer('polymer-ui-icon', { /** From cccd036446206d1e633a6a52003a68e8e20ebb38 Mon Sep 17 00:00:00 2001 From: Steve Orvell Date: Thu, 25 Jul 2013 08:35:35 -0700 Subject: [PATCH 25/54] add font-size --- polymer-ui-menu-item/polymer-ui-menu-item.css | 1 + 1 file changed, 1 insertion(+) diff --git a/polymer-ui-menu-item/polymer-ui-menu-item.css b/polymer-ui-menu-item/polymer-ui-menu-item.css index 30a155c..19b1b07 100644 --- a/polymer-ui-menu-item/polymer-ui-menu-item.css +++ b/polymer-ui-menu-item/polymer-ui-menu-item.css @@ -17,6 +17,7 @@ license that can be found in the LICENSE file. -moz-box-sizing: border-box; height: 40px; line-height: 35px; + font-size: 16px; padding: 0 10px; border: 1px solid transparent; border-radius: 3px; From 3ab157848554c8ef0353df5ef80af22c476a6652 Mon Sep 17 00:00:00 2001 From: Steve Orvell Date: Thu, 25 Jul 2013 08:35:59 -0700 Subject: [PATCH 26/54] polymer-ui-overlay-menu: an overlay containing a menu. --- polymer-ui-overlay-menu/index.html | 28 ++++++++++++ .../polymer-ui-overlay-menu.css | 43 +++++++++++++++++++ .../polymer-ui-overlay-menu.html | 39 +++++++++++++++++ 3 files changed, 110 insertions(+) create mode 100644 polymer-ui-overlay-menu/index.html create mode 100644 polymer-ui-overlay-menu/polymer-ui-overlay-menu.css create mode 100644 polymer-ui-overlay-menu/polymer-ui-overlay-menu.html diff --git a/polymer-ui-overlay-menu/index.html b/polymer-ui-overlay-menu/index.html new file mode 100644 index 0000000..21cc098 --- /dev/null +++ b/polymer-ui-overlay-menu/index.html @@ -0,0 +1,28 @@ + + + + + + polymer-ui-overlay-menu + + + + + + + + + + + + + + diff --git a/polymer-ui-overlay-menu/polymer-ui-overlay-menu.css b/polymer-ui-overlay-menu/polymer-ui-overlay-menu.css new file mode 100644 index 0000000..1194813 --- /dev/null +++ b/polymer-ui-overlay-menu/polymer-ui-overlay-menu.css @@ -0,0 +1,43 @@ +@host { + :scope { + box-sizing: border-box; + -moz-box-sizing: border-box; + background: white; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3); + margin: 7px 0 0 7px; + } +} + +.arrow { + height: 1px; + width: 0; + margin: -17px 4px 0; + border-color: transparent transparent #cfcfcf transparent; + border-style: solid; + border-width: 8px; +} + +.arrow.right { + float: right; + margin: -17px 4px 0; +} + +.arrow.center { + margin: -17px auto 0; +} + +.arrow-inner { + border-bottom-color: white; + margin-top: -16px; +} + +/* TODO(sorvell): @host doesn't play with @media */ +@media screen and (max-width: 800px) { + @host { + :scope { + width: 100%; + margin: 7px 0 0 0; + } + } +} \ No newline at end of file diff --git a/polymer-ui-overlay-menu/polymer-ui-overlay-menu.html b/polymer-ui-overlay-menu/polymer-ui-overlay-menu.html new file mode 100644 index 0000000..57da240 --- /dev/null +++ b/polymer-ui-overlay-menu/polymer-ui-overlay-menu.html @@ -0,0 +1,39 @@ + + + + + + + + + From 0f1e4243520168fae0ddc26b7d4c780490f74d44 Mon Sep 17 00:00:00 2001 From: Steve Orvell Date: Thu, 25 Jul 2013 08:36:42 -0700 Subject: [PATCH 27/54] polymer-ui-menu-button: a button which can have menu-items inside it that appear in an overlay menu when the button is selected --- polymer-ui-menu-button/index.html | 40 ++++++++++++++++++ .../polymer-ui-menu-button.css | 26 ++++++++++++ .../polymer-ui-menu-button.html | 41 +++++++++++++++++++ 3 files changed, 107 insertions(+) create mode 100644 polymer-ui-menu-button/index.html create mode 100644 polymer-ui-menu-button/polymer-ui-menu-button.css create mode 100644 polymer-ui-menu-button/polymer-ui-menu-button.html diff --git a/polymer-ui-menu-button/index.html b/polymer-ui-menu-button/index.html new file mode 100644 index 0000000..24fbf03 --- /dev/null +++ b/polymer-ui-menu-button/index.html @@ -0,0 +1,40 @@ + + + + + + polymer-ui-menu-button + + + + + + + + + +
Toolbar: polymer-ui-light-theme
+ + + + + + +
+ +









+ + + + + + + diff --git a/polymer-ui-menu-button/polymer-ui-menu-button.css b/polymer-ui-menu-button/polymer-ui-menu-button.css new file mode 100644 index 0000000..722fb48 --- /dev/null +++ b/polymer-ui-menu-button/polymer-ui-menu-button.css @@ -0,0 +1,26 @@ +[valign=right] #overlay { + right: 2px !important; +} + +[valign=right] #overlay::x-arrow, [valign=right] #overlay::x-arrow-inner { +/* position: relative; + left: -7px;*/ + position: absolute; + right: 10px; + margin-left: 90% !important; +} + + + +/* TODO(ffu): adding responsive class won't work in native; to work in native +automatically we'll need to add a feature to detect if we're in a responsive +container */ +@media screen and (max-width: 800px) { + #overlay, [valign=right] #overlay { + left: 0; + width: 100%; + -webkit-transform: none; + transform: none; + margin: 7px 0 0 0 !important; + } +} \ No newline at end of file diff --git a/polymer-ui-menu-button/polymer-ui-menu-button.html b/polymer-ui-menu-button/polymer-ui-menu-button.html new file mode 100644 index 0000000..aef09ca --- /dev/null +++ b/polymer-ui-menu-button/polymer-ui-menu-button.html @@ -0,0 +1,41 @@ + + + + + + + + \ No newline at end of file From fc5e600b9bace240b63b9ce2968a720b7fe94ac4 Mon Sep 17 00:00:00 2001 From: yuin Date: Thu, 25 Jul 2013 09:34:46 -0700 Subject: [PATCH 28/54] Added action-icons.svg for polymer-ui-icon. Updated icon margin for polymer-ui-toolbar --- polymer-ui-icon/action-icons.svg | 1352 +++++++++++++++++++++ polymer-ui-icon/polymer-ui-icon.css | 2 +- polymer-ui-toolbar/index.html | 1 + polymer-ui-toolbar/polymer-ui-toolbar.css | 9 +- 4 files changed, 1360 insertions(+), 4 deletions(-) create mode 100644 polymer-ui-icon/action-icons.svg diff --git a/polymer-ui-icon/action-icons.svg b/polymer-ui-icon/action-icons.svg new file mode 100644 index 0000000..8af419b --- /dev/null +++ b/polymer-ui-icon/action-icons.svg @@ -0,0 +1,1352 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/polymer-ui-icon/polymer-ui-icon.css b/polymer-ui-icon/polymer-ui-icon.css index c0cae6a..0800c34 100644 --- a/polymer-ui-icon/polymer-ui-icon.css +++ b/polymer-ui-icon/polymer-ui-icon.css @@ -20,6 +20,6 @@ license that can be found in the LICENSE file. } .polymer-ui-icons { - background-image: url(action-icons.png); + background-image: url(action-icons.svg); } } \ No newline at end of file diff --git a/polymer-ui-toolbar/index.html b/polymer-ui-toolbar/index.html index f331934..4871719 100644 --- a/polymer-ui-toolbar/index.html +++ b/polymer-ui-toolbar/index.html @@ -25,6 +25,7 @@ +
Toolbar: naked
diff --git a/polymer-ui-toolbar/polymer-ui-toolbar.css b/polymer-ui-toolbar/polymer-ui-toolbar.css index bdad464..6bce95e 100644 --- a/polymer-ui-toolbar/polymer-ui-toolbar.css +++ b/polymer-ui-toolbar/polymer-ui-toolbar.css @@ -11,10 +11,13 @@ license that can be found in the LICENSE file. box-sizing: border-box; -moz-box-sizing: border-box; /* border/shadow */ - border-bottom: 1px solid rgba(0, 0, 0, 0.28); - /* size */ +/* border-bottom: 1px solid rgba(0, 0, 0, 0.28);*/ + border-bottom: 1px solid rgba(0, 0, 0, 0.15); + /* size */ height: 60px; font-size: 21px; + font-family: 'Helvetica Neue Medium', 'HelveticaNeue-Medium', Helvetica, sans-serif; + border-top: 1px solid rgba(255,255,255,.8); } .polymer-ui-light-theme { @@ -44,7 +47,7 @@ license that can be found in the LICENSE file. /*@polyfill @host > * */ content::-webkit-distributed(> polymer-ui-icon-button) { - margin: 0px 10px 0 10px; + margin: 0px 8px 0 8px; } /*@polyfill @host > polymer-ui-toolbar */ From 93918b20b6afc29856960ed96586c837044b7bf9 Mon Sep 17 00:00:00 2001 From: "Scott J. Miles" Date: Thu, 25 Jul 2013 09:54:08 -0700 Subject: [PATCH 29/54] fix icon names --- polymer-ui-icon/polymer-ui-icon.html | 89 +++++++++++++++------------- 1 file changed, 48 insertions(+), 41 deletions(-) diff --git a/polymer-ui-icon/polymer-ui-icon.html b/polymer-ui-icon/polymer-ui-icon.html index 1096db6..7d7684c 100644 --- a/polymer-ui-icon/polymer-ui-icon.html +++ b/polymer-ui-icon/polymer-ui-icon.html @@ -40,47 +40,54 @@ From 7f2b2e5c1e3750a2be78612586b0ea5c724a33de Mon Sep 17 00:00:00 2001 From: Steve Orvell Date: Thu, 25 Jul 2013 10:34:22 -0700 Subject: [PATCH 31/54] Temporarily use the icon png file instead of svg until we have an equivalent set of icons. --- polymer-ui-icon/polymer-ui-icon.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/polymer-ui-icon/polymer-ui-icon.css b/polymer-ui-icon/polymer-ui-icon.css index 0800c34..c0cae6a 100644 --- a/polymer-ui-icon/polymer-ui-icon.css +++ b/polymer-ui-icon/polymer-ui-icon.css @@ -20,6 +20,6 @@ license that can be found in the LICENSE file. } .polymer-ui-icons { - background-image: url(action-icons.svg); + background-image: url(action-icons.png); } } \ No newline at end of file From ca88dd7fe070021069b564361a2cfe7ba8c7c0e2 Mon Sep 17 00:00:00 2001 From: Steve Orvell Date: Thu, 25 Jul 2013 10:51:40 -0700 Subject: [PATCH 32/54] bind selected and selectedClass --- polymer-ui-menu-button/polymer-ui-menu-button.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/polymer-ui-menu-button/polymer-ui-menu-button.html b/polymer-ui-menu-button/polymer-ui-menu-button.html index aef09ca..36e0c70 100644 --- a/polymer-ui-menu-button/polymer-ui-menu-button.html +++ b/polymer-ui-menu-button/polymer-ui-menu-button.html @@ -15,7 +15,7 @@
- +
From 5f212f3c81f5b25bb50d763ebadc6780a702df47 Mon Sep 17 00:00:00 2001 From: frankiefu Date: Thu, 25 Jul 2013 16:28:42 -0700 Subject: [PATCH 33/54] bind valueattr and multi --- polymer-ui-menu-button/polymer-ui-menu-button.html | 5 +++-- polymer-ui-overlay-menu/polymer-ui-overlay-menu.html | 5 +++-- 2 files changed, 6 insertions(+), 4 deletions(-) diff --git a/polymer-ui-menu-button/polymer-ui-menu-button.html b/polymer-ui-menu-button/polymer-ui-menu-button.html index 36e0c70..6fbf68d 100644 --- a/polymer-ui-menu-button/polymer-ui-menu-button.html +++ b/polymer-ui-menu-button/polymer-ui-menu-button.html @@ -10,12 +10,12 @@ --> - + From 69a2aa264d85407c76b86ae00cd06c77445e13a0 Mon Sep 17 00:00:00 2001 From: frankiefu Date: Mon, 29 Jul 2013 10:34:52 -0700 Subject: [PATCH 38/54] bind selectedItem --- polymer-ui-menu-button/polymer-ui-menu-button.html | 4 ++-- polymer-ui-overlay-menu/polymer-ui-overlay-menu.html | 4 ++-- 2 files changed, 4 insertions(+), 4 deletions(-) diff --git a/polymer-ui-menu-button/polymer-ui-menu-button.html b/polymer-ui-menu-button/polymer-ui-menu-button.html index 6fbf68d..55a3af0 100644 --- a/polymer-ui-menu-button/polymer-ui-menu-button.html +++ b/polymer-ui-menu-button/polymer-ui-menu-button.html @@ -10,12 +10,12 @@ --> - +