From a295c0db559a83ed744355a2ce6ef21b780a78ba Mon Sep 17 00:00:00 2001
From: Steve Orvell <steve@orvellia.com>
Date: Mon, 26 Aug 2013 17:07:12 -0700
Subject: [PATCH] remove g-app and animations.

---
 pica/components/css/pi-app.css     | 25 ++++++++++++++++++++++++-
 pica/components/pi-app.html        |  4 +---
 pica/components/pi-items-view.html |  2 ++
 3 files changed, 27 insertions(+), 4 deletions(-)

diff --git a/pica/components/css/pi-app.css b/pica/components/css/pi-app.css
index 6856bec..358a00e 100644
--- a/pica/components/css/pi-app.css
+++ b/pica/components/css/pi-app.css
@@ -3,7 +3,30 @@
  * Use of this source code is governed by a BSD-style
  * license that can be found in the LICENSE file.
  */
-#panels, #contentPanels {
+ @host {
+   :scope {
+      /* fit to container */
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+    
+      /* layout content using flexbox */
+      display: -webkit-box;
+      display: -webkit-flex;
+      display: flex;
+      -webkit-box-orient: vertical;
+      -webkit-flex-flow: column;
+      flex-direction: column;
+      
+      /* convenient defaults */
+      font-family: 'Helvetica Neue', Helvetica, Arial, 'open sans', sans-serif;
+      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+    }
+ }
+
+#panels, #contentPanels, #Topics {
   -webkit-box-flex: 1;
   -webkit-flex: 1;
   flex: 1;
diff --git a/pica/components/pi-app.html b/pica/components/pi-app.html
index 19e8890..f810f4f 100644
--- a/pica/components/pi-app.html
+++ b/pica/components/pi-app.html
@@ -5,11 +5,9 @@
  * license that can be found in the LICENSE file.
  */
 -->
-<link rel="import" href="../../../toolkit-ui/elements/g-app.html"/>
 <link rel="import" href="../../../toolkit-ui/elements/g-panels.html"/>
 <link rel="import" href="../../../toolkit-ui/elements/g-menu-item.html"/>
 <link rel="import" href="../../../toolkit-ui/elements/g-ribbon.html"/>
-<link rel="import" href="../../../polymer-elements/polymer-animation/web-animations.html">
 <link rel="import" href="pi-toolbar.html"/>
 <link rel="import" href="pi-toolbar-buttons.html"/>
 <link rel="import" href="pi-feed-viewer.html"/>
@@ -17,7 +15,7 @@
 <link rel="import" href="pi-home.html"/>
 <link rel="import" href="pi-accounts.html"/>
 <link rel="import" href="pi-accounts-model.html"/>
-<polymer-element name="pi-app" extends="g-app" on-keyup="keyupHandler">
+<polymer-element name="pi-app" on-keyup="keyupHandler">
   <template>
     <link rel="stylesheet" href="css/pi-app.css" />
     <g-panels id="panels" selected="{{selectedPanel}}" transition="flow" autoselect on-g-panels-select="panelSelectHandler">
diff --git a/pica/components/pi-items-view.html b/pica/components/pi-items-view.html
index 1f60ab6..c25c28f 100644
--- a/pica/components/pi-items-view.html
+++ b/pica/components/pi-items-view.html
@@ -95,6 +95,7 @@
           this.fire('select', {item: this.selected});
         },
         animateCascade: function() {
+          /*
           var container = this.$.container;
           var cards = container.querySelectorAll('.item');
           
@@ -127,6 +128,7 @@
                 {duration: 0.5, startDelay: 0.03 * d, fillMode: "backwards"}));
           }
           document.timeline.play(parGroup);
+          */
         }
       });
     })();