Plugin stuff

webapp/styles/main.scss

@@ -17,6 +17,24 @@ body {
   padding: 0;
 }
 
+.panel {
+  position: absolute;
+  top: 55px;
+  bottom: 0;
+  right: 0;
+  width: 400px;
+  z-index: 20;
+  background: #efefef;
+
+  iframe {
+    border: 0;
+    width: 100%;
+    height: 100%;
+    padding: 10px;
+    scroll: auto;
+  }
+}
+
 #top {
   height: 55px;
   position: fixed;
@@ -40,6 +58,7 @@ body {
       padding: 3px;
       font-size: 14px;
     }
+
     .current-page {
       font-family: var(--ui-font);
       font-weight: bold;
@@ -52,26 +71,6 @@ body {
   }
 }
 
-// #bottom {
-//   position: fixed;
-//   bottom: 0;
-//   left: 0;
-//   right: 0;
-//   height: 20px;
-//   background-color: rgb(232, 232, 232);
-//   color: rgb(79, 78, 78);
-//   border-top: rgb(186, 186, 186) 1px solid;
-//   margin: 0;
-//   padding: 5px 10px;
-//   font-family: var(--ui-font);
-//   font-size: 0.9em;
-//   text-align: right;
-// }
-
-// body.keyboard #bottom {
-//   bottom: 250px;
-// }
-
 #editor {
   position: absolute;
   top: 55px;
@@ -81,6 +80,10 @@ body {
   overflow-y: hidden;
 }
 
+div.rhs-open #editor {
+  right: 350px;
+}
+
 @media only screen and (max-width: 800px) {
   .cm-editor .cm-content {
     margin: 0 10px !important;