diff --git a/client/modules/IDE/pages/IDEViewMobile.jsx b/client/modules/IDE/pages/IDEViewMobile.jsx
index 2af67ab9..206ffae4 100644
--- a/client/modules/IDE/pages/IDEViewMobile.jsx
+++ b/client/modules/IDE/pages/IDEViewMobile.jsx
@@ -31,7 +31,9 @@ const Header = styled.div`
width: 100%;
background-color: ${background};
color: ${textColor};
+ padding: ${remSize(12)};
padding-left: ${remSize(32)};
+ z-index: 1;
`;
const Footer = styled.div`
@@ -44,9 +46,10 @@ const Footer = styled.div`
`;
const Content = styled.div`
+ z-index: 0;
+ margin-top: ${remSize(16)};
`;
-const f = x => x;
const Screen = ({ children }) => (
@@ -59,55 +62,60 @@ Screen.propTypes = {
const IDEViewMobile = (props) => {
// const
- // const {
- // preferences, ide, editorAccessibility, project, updateLintMessage, clearLintMessage, selectedFile, updateFileContent, files, closeEditorOptions, showEditorOptions, showKeyboardShortcutModal, setUnsavedChanges, startRefreshSketch, stopSketch, expandSidebar, collapseSidebar, clearConsole, console, showRuntimeErrorWarning, hideRuntimeErrorWarning
- // } = props;
+ const {
+ preferences, ide, editorAccessibility, project, updateLintMessage, clearLintMessage, selectedFile, updateFileContent, files, closeEditorOptions, showEditorOptions, showKeyboardShortcutModal, setUnsavedChanges, startRefreshSketch, stopSketch, expandSidebar, collapseSidebar, clearConsole, console, showRuntimeErrorWarning, hideRuntimeErrorWarning
+ } = props;
const [tmController, setTmController] = useState(null);
return (
-
+
+ {/* Mobile View
*/}
+ {project.name}
+ {selectedFile.name}
+
{/*
{ [preferences, ide, editorAccessibility, project, updateLintMessage, clearLintMessage, selectedFile, updateFileContent, files, closeEditorOptions, showEditorOptions, showKeyboardShortcutModal, setUnsavedChanges, startRefreshSketch, stopSketch, expandSidebar, collapseSidebar, clearConsole, console, showRuntimeErrorWarning, hideRuntimeErrorWarning]
.map(pr =>
{pr.toString()}
) }
*/}
-
-
+
+
+
);