wip

IntersectMBO · Jul 3, 2020 · 82803fb · 82803fb
1 parent d41aa43
commit 82803fb
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 3 deletions.
diff --git a/marlowe-playground-client/src/Simulation/BottomPanel.purs b/marlowe-playground-client/src/Simulation/BottomPanel.purs
@@ -46,7 +46,7 @@ footerPanelBg display =
 bottomPanel :: forall p. State -> HTML p Action
 bottomPanel state =
   div [ classes (simulationBottomPanel state) ]
-    [ div [ class_ flex ]
+    [ div [ classes [ flex, ClassName "flip-x", ClassName "full-height" ] ]
         [ div [ class_ flexTen ]
             [ div [ classes (footerPanelBg (state ^. _showBottomPanel) <> [ active ]) ]
                 [ section [ classes [ ClassName "panel-header", aHorizontal ] ]

diff --git a/marlowe-playground-client/static/css/panels.css b/marlowe-playground-client/static/css/panels.css
@@ -105,7 +105,7 @@
 
 .code-editor {
   background: var(--white);
-  padding-bottom: 16rem;
+  padding-bottom: 0rem;
   overflow-x: unset;
 }
 
@@ -262,6 +262,9 @@ button.minus-btn:hover {
   width: 67%;
   bottom: 0;
   z-index: 0;
+  resize: vertical;
+  overflow: hidden;
+  transform: rotateX(180deg);
 }
 
 
@@ -296,7 +299,7 @@ button.minus-btn:hover {
 .footer-panel-bg.expanded {
   padding: 0.5rem 2rem;
   min-height: 16rem;
-  height: 16rem;
+  height: 100%;
 }
 
 .expanded>.panel-contents {
@@ -468,6 +471,10 @@ button.minus-btn:hover {
   height: 100%;
 }
 
+.flip-x {
+  transform: rotateX(180deg);
+}
+
 .wallet-contents .code {
   height: auto;
   min-height: 100px;