New dashboard widgets

- Custom time range can now be picked - Map now shows accuracy of latest beat - Presets removed
2020-10-25 00:10:25 +02:00
parent 8a4b0b1e13
commit fa60f58d3c
17 changed files with 360 additions and 74 deletions
--- a/frontend/src/app/dashboard-widget/dashboard-widget.component.scss
+++ b/frontend/src/app/dashboard-widget/dashboard-widget.component.scss
@@ -0,0 +1,32 @@
+@import '../../styles.scss';
+
+.dwidgetwrapper {
+    display: flex;
+    height: 8.4rem;
+}
+
+.dwidget {
+    line-height: 0.5rem;
+    background-color: rgba(0, 0, 0, 0.25);
+    backdrop-filter: blur(30px);
+    width: fit-content;
+    padding: 1.5rem;
+    padding-right: 6rem !important;
+    border-top: 0.2rem solid $foreground-color;
+    border-radius: 10px;
+    transition: 0.1s ease-in-out;
+}
+.dwidget:hover {
+    border-top-width: 0.3rem;
+    background-color: rgba(0, 0, 0, 0.18);
+    line-height: 0.7rem;
+}
+
+.bgColor {
+    z-index: -1 !important;
+    position: absolute;
+    width: 8rem;
+    height: 1rem;
+    margin-left: 5px;
+    background-color: transparent !important;
+}