Cleaned up calendar in signage and realigned nav buttons

tjcsl · Apr 11, 2016 · a47739f · a47739f
1 parent 6ed3cda
commit a47739f
Show file tree

Hide file tree

Showing 3 changed files with 30 additions and 11 deletions.
diff --git a/intranet/static/css/signage.base.scss b/intranet/static/css/signage.base.scss
@@ -69,10 +69,22 @@ body {
     }
 }
 
+.iframe-wrapper {
+    width: 100%;
+    height: calc(100% - 55px);
+    position: relative;
+    overflow: hidden;
+    display: block;
+}
 .iframe {
     position: absolute;
     top: 32px;
     left: 0;
     width: 100%;
     height: calc(100% - 40px);
-}
+}
+
+.iframe.calendar {
+    margin-top: -80px;
+    height: calc(100% + 80px);
+}   
diff --git a/intranet/static/css/signage.touch.scss b/intranet/static/css/signage.touch.scss
@@ -18,24 +18,27 @@ body, * {
 .nav {
     position: static;
     margin: 0 10px;
-    width: 100%;
     width: calc(100% - 20px);
 }
 
 .nav li {
     position: relative;
     margin-top: -2px;
     display: inline-block;
-    width: 25%;
-    width: calc(25% + 1px);
+    width: calc(25% - 0.75px);
     float: left;
     border: none;
+    margin-left: 1px;
     border-right: 1px solid rgb(0, 72, 171);
     cursor: pointer;
 }
 
+.nav li:first-child {
+    margin-left: 0;
+}
+
 .nav li:last-child {
-    border-right: none;
+    border-right: 0;
 }
 
 section {
@@ -85,4 +88,4 @@ section {
 #info .announcements .announcement {
     text-align: left;
     width: 100%;
-}
+}
diff --git a/intranet/templates/signage/touch.html b/intranet/templates/signage/touch.html
@@ -64,9 +64,10 @@
         $("a[data-link]").click(function() {
             var link = $(this).attr("data-link");
             var section = $("section#" + link);
+            //$("section").fadeOut(400);
             $("section").hide();
-            section.show();
-
+            //section.fadeIn(400);
+            section.show();            
         });
 
         var default_page = "{{ default_page }}";
@@ -111,8 +112,9 @@
                     {% include "schedule/view.html" %}
                 </div>
             </div>
-
-            <iframe class="iframe" src="{{ eighth_url }}"></iframe>
+            <div class="iframe-wrapper"></div>
+                <iframe class="iframe" src="{{ eighth_url }}"></iframe>
+            </div>
         </section>
 
         <section id="calendar">
@@ -125,7 +127,9 @@
             </div>
 
             <div class="iframe-hide"></div>
-            <iframe class="iframe" src="{{ calendar_url }}"></iframe>
+            <div class="iframe-wrapper">    
+                <iframe class="iframe calendar" src="{{ calendar_url }}"></iframe>
+            </div>
         </section>
 
         <section id="info">