Fix code app present mode on mobile #460

4 years ago · 92bc7e29dd
parent c011b3045c
commit 92bc7e29dd
1 changed files with 22 additions and 7 deletions
--- 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 {