From 12c1a1d3870bdd71a1923fffb7bf73e70a88c232 Mon Sep 17 00:00:00 2001
From: Billy Brawner <BillyBrawner@gmail.com>
Date: Sun, 18 Sep 2016 20:29:25 +0000
Subject: [PATCH] Fixed timer interface not showing

---
 css/styles.css | 11 +++++------
 index.html     |  4 ++--
 js/app.js      |  3 ---
 3 files changed, 7 insertions(+), 11 deletions(-)

diff --git a/css/styles.css b/css/styles.css
index ca1b1fe..6008826 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -103,7 +103,7 @@ a:link, a:hover, a:visited, a:active {
     left: 0;
     height: 100vh;
     width: 100vw;
-    z-index: 99;
+    z-index: 9999;
 }
 
 .timer-container {
@@ -466,13 +466,12 @@ button.add-timer {
     z-index: 99;
 }
 
-.visible {
+.opaque {
     opacity: 0.75;
     transform: rotate(0deg);
-}
-
-.visible {
-    opacity: 0.75;
     z-index: 999;
 }
 
+.visible {
+    display: block;
+}
diff --git a/index.html b/index.html
index a6c5342..ea597d2 100644
--- a/index.html
+++ b/index.html
@@ -67,7 +67,7 @@
                 </a>
             </div>
         </div>
-        <div class="timer-interface" ng-show="showTimerInterface" ng-class="{ 'white': warmUp.active, 'yellow': rest.active, 'green': lowIntensity.active, 'blue': coolDown.active, 'red': highIntensity.active }">
+        <div class="timer-interface" ng-class="{ 'visible': showTimerInterface, 'white': warmUp.active, 'yellow': rest.active, 'green': lowIntensity.active, 'blue': coolDown.active, 'red': highIntensity.active }">
             <div class="timer-container">
                 <div class="timer-top">
                     <a href="#" ng-click="closeTimer()" id="timer-menu-btn" class="menu-button">&#10005</a>
@@ -88,7 +88,7 @@
                 </div>
             </div>
         </div>
-        <div ng-class="{ 'visible': settingsOpen, '': closeSettings }" class="settings-menu-overlay" ng-click="settingsOpen = false; closeSettings = true;" ></div>
+        <div ng-class="{ 'opaque': settingsOpen, '': closeSettings }" class="settings-menu-overlay" ng-click="settingsOpen = false; closeSettings = true;" ></div>
         <div ng-class="{ 'slideIn': settingsOpen, 'slideOut': closeSettings }" class="settings-menu">
             <img src="./img/menu-logo.png" />
             <div class="fixed bottom">
diff --git a/js/app.js b/js/app.js
index c7b9c8c..0076369 100644
--- a/js/app.js
+++ b/js/app.js
@@ -88,7 +88,6 @@ if (!window.indexedDB) {
             })
         }
         $scope.setTimers();
-        console.log("noTimers: " + $scope.noTimers);
         $scope.timer = {};
         $scope.config = {};
         $scope.initObj = new Promise(function(res, rej) {
@@ -208,7 +207,6 @@ if (!window.indexedDB) {
         $scope.getTimes = function() {
             $scope.periods.forEach(function(period) {
                 var min = 0;
-                console.log(period)
                 if (typeof $scope.timer[period].min == "number" && $scope.timer[period].min > 0) {
                     min = $scope.timer[period].min * 60;
                 }
@@ -392,7 +390,6 @@ if (!window.indexedDB) {
             if (timerSkel.cycles < 1) {
                 timerSkel.cycles = 1;
             }
-            console.log(timerSkel)
             return new Promise(function(res, rej) {
                 res(timerSkel);
             })