moved panel to menu

dist/ionic.css

@@ -1051,7 +1051,7 @@ a.list-item {
   margin-bottom: 0;
   line-height: 1.3; }
 
-.ion-panel {
+.menu {
   display: none;
   min-height: 100%;
   max-height: 100%;
@@ -1063,13 +1063,13 @@ a.list-item {
   overflow-y: scroll;
   -webkit-overflow-scrolling: touch; }
 
-.ion-panel-left {
+.menu-left {
   left: 0; }
 
-.ion-panel-right {
+.menu-right {
   right: 0; }
 
-.ion-panel-animated {
+.menu-animated {
   -webkit-transition: -webkit-transform 200ms ease;
   -moz-transition: -moz-transform 200ms ease;
   transition: transform 200ms ease; }

example/panel_controller.html

@@ -18,7 +18,7 @@
             <i class="icon-reorder"></i>
           </a>
         </div>
-        <h1 class="title">Panels</h1>
+        <h1 class="title">Chats</h1>
         <div class="buttons">
           <button id="right-button" class="button button-dark">
             <i class="icon-cog"></i>
@@ -27,17 +27,19 @@
       </header>
 
       <main class="content content-padded has-header">
-        <h2>Cheese!</h2>
+        <div class="panel">
+          <h2 class="title">What</h2>
+        </div>
       </main>
 
       <footer class="bar bar-footer bar-dark">
-        <h3 class="title">Panels</h3>
+        <h3 class="title"></h3>
       </footer>
 
     </section>
 
 
-    <section id="my-left-panel" class="ion-panel ion-panel-left">
+    <section id="my-left-panel" class="menu menu-left">
       <ul class="list">
         <li class="list-divider">Left Nav Things</li>
         <a href="#" class="list-item">
@@ -143,7 +145,7 @@
       </ul>
     </section>
 
-    <section id="my-right-panel" class="ion-panel ion-panel-right">
+    <section id="my-right-panel" class="menu menu-right">
       <ul class="list">
         <li class="list-divider">Left Nav Things</li>
         <a href="#" class="list-item">
@@ -265,7 +267,7 @@
         right: rightPanel,
         rightWidth: 270,
         center: page,
-        animateClass: 'ion-panel-animated'
+        animateClass: 'menu-animated'
       });
       window.ion.onGesture('tap', function(e) {
         controller.toggleLeft();

scss/ionic-structure.scss

@@ -18,7 +18,7 @@
   "ionic/structure/icon",
   "ionic/structure/img",
   "ionic/structure/listview",
-  "ionic/structure/panel",
+  "ionic/structure/menu",
   "ionic/structure/pull-to-refresh",
   "ionic/structure/table",
-  "ionic/structure/tabs";
+  "ionic/structure/tabs";

scss/ionic-theme.scss

@@ -15,7 +15,7 @@
   "ionic/theme/icon",
   "ionic/theme/form",
   "ionic/theme/listview",
-  "ionic/theme/panel",
+  "ionic/theme/menu",
   "ionic/theme/pull-to-refresh",
   "ionic/theme/table",
-  "ionic/theme/tabs";
+  "ionic/theme/tabs";

scss/ionic/structure/_menu.scss

@@ -2,7 +2,7 @@
 // Side panel structure
 // Author: Adam Bradley <adam@drifty.com>
 
-.ion-panel {
+.menu {
   display: none;
   min-height: 100%;
   max-height: 100%;
@@ -18,10 +18,10 @@
   -webkit-overflow-scrolling: touch;
 }
 
-.ion-panel-left { left: 0; }
-.ion-panel-right { right: 0; }
+.menu-left { left: 0; }
+.menu-right { right: 0; }
 
-.ion-panel-animated {
+.menu-animated {
   -webkit-transition: -webkit-transform $panelAnimationSpeed ease;
   -moz-transition: -moz-transform $panelAnimationSpeed ease;
   transition: transform $panelAnimationSpeed ease;