iOS supported added.

FANMixco · FANMixco · commit 86a249cac8ca · 2019-04-22T23:15:51.000+02:00
- Fixed issues with iOS.
- Improved UI.
- Fixed issues with setTime dialog.
diff --git a/css/timer.css b/css/timer.css
@@ -57,10 +57,27 @@ footer {
   position: relative;
 }
 
-.btnAction {
-  font-size: xx-large;
-  text-align: center;
-  color: black;
+@supports (-webkit-overflow-scrolling: touch) {
+    .btnAction {
+      font-size: xx-large;
+      text-align: center;
+      color: black;
+      padding: 0px;
+    }
+    .btnClock{
+        left: 264px;
+    }
+}
+
+@supports not (-webkit-overflow-scrolling: touch) {
+    .btnAction {
+      font-size: xx-large;
+      text-align: center;
+      color: black;
+    }
+    .btnClock{
+        left: 202px;
+    }
 }
 
 .btnPopUp {
diff --git a/index.html b/index.html
@@ -3,7 +3,7 @@
 <head>
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, shrink-to-fit=no">
     <meta name="description" content="Toastmasters Timer">
     <meta name="keywords" content="HTML,CSS,JavaScript,jQuery,Toastmasters,The Leader Ship,Lodz,Poland,Polska">
     <meta name="author" content="Federico Navarrete">
@@ -275,7 +275,7 @@ <h4 class="hCustom" data-tag="clapping"></h4>
                     <h4 class="hCustom" data-tag="timeMinimum"></h4>
                 </div>
                 <div class="mdl-textfield mdl-js-textfield">
-                    <label class="mdl-button mdl-js-button mdl-button--icon" for="txtMin" style='left: 202px;'>
+                    <label class="mdl-button mdl-js-button mdl-button--icon btnClock" for="txtMin">
                   <span class="mdi mdi-av-timer"></span>
                   </label>
                     <input class="mdl-textfield__input" type="text" id="txtMin" readonly value="00:00:00">
@@ -287,7 +287,7 @@ <h4 class="hCustom" data-tag="timeMinimum"></h4>
                     <h4 class="hCustom" data-tag="timeHalfway"></h4>
                 </div>
                 <div class="mdl-textfield mdl-js-textfield">
-                    <label class="mdl-button mdl-js-button mdl-button--icon" for="txtAvg" style='left: 202px;'>
+                    <label class="mdl-button mdl-js-button mdl-button--icon btnClock" for="txtAvg">
                   <span class="mdi mdi-av-timer"></span>
                   </label>
                     <input class="mdl-textfield__input" type="text" id="txtAvg" readonly value="00:00:00">
@@ -299,7 +299,7 @@ <h4 class="hCustom" data-tag="timeHalfway"></h4>
                     <h4 class="hCustom" data-tag="timeMaximum"></h4>
                 </div>
                 <div class="mdl-textfield mdl-js-textfield">
-                    <label class="mdl-button mdl-js-button mdl-button--icon" for="txtMax" style='left: 202px;'>
+                    <label class="mdl-button mdl-js-button mdl-button--icon btnClock" for="txtMax">
                   <span class="mdi mdi-av-timer"></span>
                   </label>
                     <input class="mdl-textfield__input" type="text" id="txtMax" readonly value="00:00:00">
diff --git a/js/setTimeDialog.js b/js/setTimeDialog.js
@@ -10,7 +10,6 @@ let i = 0, j = 0, k = 0, timeOutS = 0, timeOutM = 0, timeOutH = 0;
 
 btnSetTime.addEventListener('click', function () {
     $(`#${chosenInputText}`)[0].parentElement.MaterialTextfield.change(`${txtH.value}:${txtM.value}:${txtS.value}`);
-    removeDialogFromStack('setTime');
     dialogSetTime.close();
 });
 
@@ -21,7 +20,6 @@ btnClearTime.addEventListener('click', function () {
 });
 
 dialogSetTime.querySelector('.close').addEventListener('click', function () {
-    removeDialogFromStack('setTime');
     clearIntervals();
     dialogSetTime.close();
 });
@@ -52,7 +50,6 @@ function setNewTime(inputText, currentTxt) {
     } else
         openSetDialog(currentTxt);
     try {
-        addDialogToStack('setTime');
         dialogSetTime.showModal();
     } catch (e) { }
 }
diff --git a/js/timer.js b/js/timer.js
@@ -1007,6 +1007,8 @@ $(function() {
     if (typeof HTMLDialogElement !== 'function') {
         $("#welcomeDialog").removeClass("centeredDialog");
         $("#welcomeDialog").addClass("centeredDialogNoSupport");
+        $("#setTimeDialog").removeClass("centeredDialog");
+        $("#setTimeDialog").addClass("centeredDialogNoSupport");
     }
 
     $('body').focus(function() {

Original file line number	Diff line number	Diff line change
`@@ -1007,6 +1007,8 @@ $(function() {`
`1007`	`1007`	`if (typeof HTMLDialogElement !== 'function') {`
`1008`	`1008`	`$("#welcomeDialog").removeClass("centeredDialog");`
`1009`	`1009`	`$("#welcomeDialog").addClass("centeredDialogNoSupport");`
	`1010`	`+ $("#setTimeDialog").removeClass("centeredDialog");`
	`1011`	`+ $("#setTimeDialog").addClass("centeredDialogNoSupport");`
`1010`	`1012`	`}`
`1011`	`1013`
`1012`	`1014`	`$('body').focus(function() {`