Add the shrinking glitchy elefriend. #294.

app/javascript/flavours/glitch/features/drawer/index.js

@@ -94,9 +94,12 @@ class Drawer extends React.Component {
           submitted={submitted}
           value={searchValue}
         />
-        <div {...drawerAttrs}>
+        <div className='contents'>
           <DrawerAccount account={account} />
+          <div className='drawer__inner'>
             <Composer />
+            {multiColumn && <div className="mastodon mbstobon-bg-1" />}
+          </div>
           <DrawerResults
             results={results}
             visible={submitted && !searchHidden}

app/javascript/flavours/glitch/styles/components/drawer.scss

@@ -50,12 +50,30 @@
     contain: strict;
   }
 
+  .drawer__inner {
+    position: absolute;
+    top: 0;
+    left: 0;
+    box-sizing: border-box;
+    padding: 0;
+    display: flex;
+    flex-direction: column;
+    overflow: hidden;
+    overflow-y: auto;
+    width: 100%;
+    height: 100%;
+
+    .mastodon {
+      flex: 1;
+
       @for $i from 1 through 3 {
-    .mbstobon-bg-#{$i} {
+        &.mbstobon-bg-#{$i} {
           background: url("~flavours/glitch/images/mbstobon-ui-#{$i}.png") no-repeat left bottom / contain;
         }
       }
     }
+  }
+}
 
 .drawer--header {
   display: flex;