remove g-app and animations.

Author: sorvell

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;

pica/components/pi-app.html

@@ -5,19 +5,17 @@
  * 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"/>
 <link rel="import" href="pi-explore.html"/>
 <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">

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);
+          */
         }
       });
     })();