diff --git a/src/App.vue b/src/App.vue index 06e10c1..1f9cb27 100644 --- a/src/App.vue +++ b/src/App.vue @@ -1,11 +1,15 @@ diff --git a/src/css/app.scss b/src/css/app.scss index 879d242..e981b25 100644 --- a/src/css/app.scss +++ b/src/css/app.scss @@ -2,175 +2,186 @@ @import "~bootswatch/dist/materia/bootstrap.min.css"; body { - background-color: #e7e7e7; -} - -.container { - margin: 20px auto 20px auto; + background-color: #e7e7e7; } .tracker-action-button { - margin-top: 10px; - padding: 1px 5px 1px 5px; - width: 100%; + margin-top: 10px; + padding: 1px 5px 1px 5px; + width: 100%; } .delete-tracker-button { - margin-top: 10px; - margin-bottom: 15px; - padding: 1px 5px 1px 5px; - width: 100%; + margin-top: 10px; + margin-bottom: 15px; + padding: 1px 5px 1px 5px; + width: 100%; } .side-button-right { - font-size: 1.7em; + font-size: 1.7em; } .add-tracker-button { - font-size: 1.7em; + font-size: 1.7em; } .navbar-brand { - width: 100%; + width: 100%; } .logo-nav { - max-height: 35px; - margin: 5px; + max-height: 35px; + margin: 5px; } nav { - border-radius: 45px; + border-radius: 45px; } nav, .card { - margin-bottom: 20px; + margin-bottom: 20px; } .modal-content { - max-width: 1000px; + max-width: 1000px; } .btn-full-width { - width: 100%; + width: 100%; } .timeTracking { - height: 635px; - overflow-y: scroll; - margin-bottom: 0; - padding-bottom: 0; + height: 635px; + overflow-y: scroll; + margin-bottom: 0; + padding-bottom: 0; } .ticket-history { - list-style: none; - padding-left: 0; + list-style: none; + padding-left: 0; } .trackingNameField { - max-height: 1em; - margin-bottom: 1px; + max-height: 1em; + margin-bottom: 1px; } #settingsModal .modal-dialog, #showTicketsModal .modal-dialog, #showArchivedTicketsModal .modal-dialog { - max-width: 900px; + max-width: 900px; } .btn { - text-transform: initial !important; + text-transform: initial !important; } .brand-title { - margin-left: 2em; - margin-top: 0.5em; + margin-left: 2em; + margin-top: 0.5em; } #settingsModal .form-group { - margin-bottom: 0.5em; + margin-bottom: 0.5em; } .search-field { - display: inline-block; - max-width: 85%; - margin-left: 5%; -} - -#left-menu { - position: fixed; - top: 0; - left: 0; - height: 100%; - width: 90px; - - align-content: center; - background-color: #bdbdbd; - border-right: 1px solid grey; - padding: 0; + display: inline-block; + max-width: 85%; + margin-left: 5%; } #content { - margin-left: 90px; - max-width: 85vw; + margin-left: 90px; + max-width: 85vw; } .bottom-menu-item { - width: 100%; - margin-bottom: 1em; + width: 100%; + margin-bottom: 1em; } .btn-switcher { - width: 100%; + width: 100%; } .container { - margin-top: 1em; + margin-top: 1em; } .form-control { - margin-bottom: 1em; + margin-bottom: 1em; } .switch-portal-button { - margin-bottom: 0.5em; + margin-bottom: 0.5em; } .col-board-inner { - border-right: 1px solid grey; + border-right: 1px solid grey; } #board-view h5 { - text-align: center; - text-transform: uppercase; - color: dimgrey; - line-height: 0.7em; - word-spacing: 1px; + text-align: center; + text-transform: uppercase; + color: dimgrey; + line-height: 0.7em; + word-spacing: 1px; } .snippet-space-item { - display: none; + display: none; } .CodeMirror { - border-radius: 5px; - margin-top: 1em; + border-radius: 5px; + margin-top: 1em; } .btn-wide { - width: 5em; - margin-top: 1em; - margin-left: 1em; + width: 5em; + margin-top: 1em; + margin-left: 1em; } .finished-task { - text-decoration: line-through; + text-decoration: line-through; } #trackerTasksModal a li { - color: black !important; + color: black !important; } #trackerTasksModal input[type=range] { - width: 100%; + width: 100%; +} + +#left-menu { + height: 100vh; + width: 90px; + display: inline-block; + + background-color: #bdbdbd; + border-right: 1px solid grey; + padding: 15px 0; + margin: 0; } + +.menu-wrapper { + width: 90px; +} + +.menu-wrapper col { + margin: 0; + padding: 0; +} + +#left-menu:first-of-type(div) { + margin-top: 15px; +} + +.left-menu-item { + margin: 0 10px; +} \ No newline at end of file diff --git a/src/store/index.js b/src/store/index.js index b56297d..48a1291 100644 --- a/src/store/index.js +++ b/src/store/index.js @@ -75,7 +75,6 @@ export default createStore({ state.trashed = {}; state.trackers.pushToBeginning(restoredTracker); - state.updateStorage(); }, archiveTracker(state, index) { state.archive.pushToBeginning(state.trackers[index]); diff --git a/src/views/Archive.vue b/src/views/Archive.vue index 8069a1f..827fa4b 100644 --- a/src/views/Archive.vue +++ b/src/views/Archive.vue @@ -1,5 +1,5 @@