diff --git a/css/app.css b/css/app.css index 9a57a72..5229d70 100644 --- a/css/app.css +++ b/css/app.css @@ -21,36 +21,36 @@ body { } .side-button-right { - position: fixed; - right: 30px; + /*position: fixed;*/ + /*right: 30px;*/ - height: 60px; - width: 60px; + /*height: 60px;*/ + /*width: 60px;*/ font-size: 1.7em; } .add-tracker-button { - position: fixed; - left: 30px; - bottom: 30px; + /*position: fixed;*/ + /*left: 30px;*/ + /*bottom: 30px;*/ - height: 60px; - width: 60px; + /*height: 60px;*/ + /*width: 60px;*/ font-size: 1.7em; } .first-button { - bottom: 30px; + /*bottom: 30px;*/ } .second-button { - bottom: 110px; + /*bottom: 110px;*/ } .third-button { - bottom: 190px; + /*bottom: 190px;*/ } .navbar-brand { @@ -123,4 +123,19 @@ nav, .card { display: inline-block; max-width: 85%; margin-left: 5%; +} + +#bottom-menu { + position: fixed; + bottom: 0; + width: 100%; + align-content: center; + background-color: #bdbdbd; + height: 90px; + border-top: 1px solid grey; + padding: 0; +} + +.bottom-menu-item { + width: 100%; } \ No newline at end of file diff --git a/index.html b/index.html index d770911..26df0a9 100644 --- a/index.html +++ b/index.html @@ -11,104 +11,88 @@ -
- - - -
-
-
- +
- - - - - - - - - - - - - - - + +
+
+
+
+ + + +
+
+ + + +
+
+ + + +
+
+ + + +
+
+
+
+ diff --git a/js/app.js b/js/app.js index 883ba3a..3f1671c 100644 --- a/js/app.js +++ b/js/app.js @@ -25,9 +25,20 @@ const TimeTrack = { setInterval(() => { vue.$forceUpdate(); - }, 1000 * 60) + }, 1000 * 60); + + vue.loadTooltips(); + setInterval(() => { + vue.loadTooltips(); + }, 5000); }, methods: { + loadTooltips() { + let tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]')) + let tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) { + return new bootstrap.Tooltip(tooltipTriggerEl) + }) + }, loadStorage() { let storedTickets = JSON.parse(localStorage.getItem('tickets')); this.tickets = storedTickets == null ? [] : storedTickets;