[IMP] web_responsive: Add search feature (#838)

* Add feature to search menus in the app drawer
* Switch model to RPC

web_responsive/static/lib/css/drawer.3.2.2.css

@@ -1,5 +1,5 @@
 /*!
- * jquery-drawer v3.2.0
+ * jquery-drawer v3.2.2
  * Flexible drawer menu using jQuery, iScroll and CSS.
  * http://git.blivesta.com/drawer
  * License : MIT
@@ -9,6 +9,11 @@
 /*!------------------------------------*\
     Base
 \*!------------------------------------*/
+
+.drawer-open {
+  overflow: hidden !important;
+}
+
 .drawer-nav {
   position: fixed;
   z-index: 101;
@@ -52,6 +57,7 @@
 }
 
 /*! overlay */
+
 .drawer-overlay {
   position: fixed;
   z-index: 100;
@@ -67,17 +73,10 @@
   display: block;
 }
 
-/* XXX: local patch waiting for:
-   https://github.com/blivesta/drawer/pull/36
-*/
-.drawer-open {
-  overflow: hidden;
-}
-/* end local patch */
-
 /*!------------------------------------*\
     Top
 \*!------------------------------------*/
+
 .drawer--top .drawer-nav {
   top: -100%;
   left: 0;
@@ -96,9 +95,11 @@
 .drawer--top.drawer-open .drawer-hamburger {
   right: 0;
 }
+
 /*!------------------------------------*\
     Left
 \*!------------------------------------*/
+
 .drawer--left .drawer-nav {
   left: -16.25rem;
   -webkit-transition: left .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
@@ -114,9 +115,11 @@
 .drawer--left.drawer-open .drawer-hamburger {
   left: 16.25rem;
 }
+
 /*!------------------------------------*\
     Right
 \*!------------------------------------*/
+
 .drawer--right .drawer-nav {
   right: -16.25rem;
   -webkit-transition: right .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
@@ -132,9 +135,11 @@
 .drawer--right.drawer-open .drawer-hamburger {
   right: 16.25rem;
 }
+
 /*!------------------------------------*\
     Hamburger
 \*!------------------------------------*/
+
 .drawer-hamburger {
   position: fixed;
   z-index: 104;
@@ -200,15 +205,14 @@
 
 .drawer-open .drawer-hamburger-icon:before {
   -webkit-transform: rotate(45deg);
-      -ms-transform: rotate(45deg);
           transform: rotate(45deg);
 }
 
 .drawer-open .drawer-hamburger-icon:after {
   -webkit-transform: rotate(-45deg);
-      -ms-transform: rotate(-45deg);
           transform: rotate(-45deg);
 }
+
 /*!------------------------------------*\
     accessibility
 \*!------------------------------------*/
@@ -217,6 +221,7 @@
  * Only display content to screen readers
  * See: http://a11yproject.com/posts/how-to-hide-content
  */
+
 .sr-only {
   position: absolute;
   overflow: hidden;
@@ -233,6 +238,7 @@
  * Useful for "Skip to main content" links; see http://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1
  * Credit: HTML5 Boilerplate
  */
+
 .sr-only-focusable:active,
 .sr-only-focusable:focus {
   position: static;
@@ -242,9 +248,11 @@
   height: auto;
   margin: 0;
 }
+
 /*!------------------------------------*\
     Sidebar
 \*!------------------------------------*/
+
 .drawer--sidebar {
   background-color: #fff;
 }
@@ -262,7 +270,6 @@
   .drawer--sidebar .drawer-nav {
     display: block;
     -webkit-transform: none;
-        -ms-transform: none;
             transform: none;
     position: fixed;
     width: 12.5rem;
@@ -313,9 +320,11 @@
     max-width: 60rem;
   }
 }
+
 /*!------------------------------------*\
     Navbar
 \*!------------------------------------*/
+
 .drawer--navbarTopGutter {
   padding-top: 3.75rem;
 }
@@ -332,6 +341,7 @@
 }
 
 /*! .drawer-navbar modifier */
+
 .drawer-navbar--fixed {
   position: fixed;
 }
@@ -426,9 +436,11 @@
     padding-left: .75rem;
   }
 }
+
 /*!------------------------------------*\
     Dropdown
 \*!------------------------------------*/
+
 .drawer-dropdown-menu {
   display: none;
   box-sizing: border-box;
@@ -460,11 +472,13 @@
 }
 
 /*! open */
+
 .drawer-dropdown.open > .drawer-dropdown-menu {
   display: block;
 }
 
 /*! drawer-caret */
+
 .drawer-dropdown .drawer-caret {
   display: inline-block;
   width: 0;
@@ -475,7 +489,6 @@
   transition: transform .2s ease, opacity .2s ease;
   transition: transform .2s ease, opacity .2s ease, -webkit-transform .2s ease;
   -webkit-transform: rotate(0deg);
-      -ms-transform: rotate(0deg);
           transform: rotate(0deg);
   vertical-align: middle;
   border-top: 4px solid;
@@ -484,14 +497,16 @@
 }
 
 /*! open */
+
 .drawer-dropdown.open .drawer-caret {
   -webkit-transform: rotate(180deg);
-      -ms-transform: rotate(180deg);
           transform: rotate(180deg);
 }
+
 /*!------------------------------------*\
     Container
 \*!------------------------------------*/
+
 .drawer-container {
   margin-right: auto;
   margin-left: auto;