Absolute positioning of iphone frame and rendering view

2015-02-04 01:50:14 -05:00
parent 5ce1eb18db
commit 3abac70998
2 changed files with 32 additions and 17 deletions
--- a/public/css/main.less
+++ b/public/css/main.less
@@ -649,8 +649,24 @@ div.CodeMirror-scroll {
 }

 iframe.iphone {
-  width: 401px;
+  width: 280px;
+  height: 500px;
  position: absolute;
+  top: 70px;
+  right: 25px;
+  border: none;
+}
+
+// To adjust right margin, negative values bring the image closer to the edge of the screen
+.iphone-position {
+  position: absolute;
+  top: -50px;
+  right: -205px;
+  z-index: -1;
+}
+
+.courseware-height {
+  min-height: 650px;
 }