From 92bc7e29ddef984b7d0e3caa8948b447b2d38ab2 Mon Sep 17 00:00:00 2001
From: yflory <yann.flory@xwiki.com>
Date: Thu, 22 Apr 2021 15:23:34 +0200
Subject: [PATCH] Fix code app present mode on mobile #460

---
 www/code/app-code.less | 29 ++++++++++++++++++++++-------
 1 file changed, 22 insertions(+), 7 deletions(-)

diff --git a/www/code/app-code.less b/www/code/app-code.less
index a6ccd864d..3fa3ccde8 100644
--- a/www/code/app-code.less
+++ b/www/code/app-code.less
@@ -129,13 +129,28 @@
     }
 
     @media (max-width: @browser_media-medium-screen) {
-        #cp-app-code-container {
-            flex: 1;
-            max-width: 100%;
-            resize: none;
-        }
-        #cp-app-code-preview {
-            display: none !important;
+        #cp-app-code-editor {
+            &.cp-app-code-present {
+                #cp-app-code-container { display: none !important; }
+                #cp-app-code-preview {
+                    flex: 1;
+                    max-width: 100%;
+                    border: 0;
+                    #cp-app-code-preview-content {
+                        margin: 10px;
+                    }
+                }
+            }
+            &:not(.cp-app-code-present) {
+                #cp-app-code-container {
+                    flex: 1;
+                    max-width: 100%;
+                    resize: none;
+                }
+                #cp-app-code-preview {
+                    display: none !important;
+                }
+            }
         }
     }
     #cp-app-code-print {