Merge pull request 'Production release November 2023' (#6) from develop into master

Reviewed-on: #6

less/dashboard.less

@@ -33,6 +33,8 @@
 @dashboard-sidebar-toggle-size: @icon-button-small-size;
 @dashboard-sidebar-toggle-top: 50%;
 
+@dashboard-logo-width: 30%;
+
 @dashboard-menu-section-font-size: @global-small-font-size;
 @dashboard-menu-section-line-height: 1.5 * @global-small-font-size;
 @dashboard-menu-section-margin: 10px;
@@ -288,6 +290,12 @@
       -moz-transition: width @dashboard-transition-delay linear;
       -o-transition: width @dashboard-transition-delay linear;
       overflow-y: auto;
+
+      & #sidebar_logo:extend(.uk-flex):extend(.uk-flex-center) {
+        & > img {
+          width: @dashboard-logo-width;
+        }
+      }
     }
   }
 

less/indicators.less

@@ -0,0 +1,51 @@
+.number-preview {
+  border: @global-border-width solid @global-border;
+  background: transparent;
+  border-radius: @global-border-radius;
+  min-width: 100px;
+  min-height: 70px;
+}
+
+.refresh-indicator {
+  background-color: @global-overlay-background;
+  border-radius: @global-border-radius;
+  position: absolute;
+  color: @global-inverse-color;
+  z-index: 1;
+}
+
+.section {
+  padding: 60px 45px;
+  border-radius: @global-border-radius;
+  border: @global-border-width solid @global-border;
+  position: relative;
+  background: @global-inverse-color;
+  border-left: 5px @global-primary-background solid;
+
+  & > .tools {
+    position: absolute;
+    top: 0;
+    left: 50%;
+    transform: translate(-50%, -100%);
+    max-width: 50px;
+    padding: 5px 10px;
+    background-image: @global-primary-gradient;
+    color: @global-inverse-color;
+    -webkit-clip-path: polygon(20% 5%, 80% 5%, 100% 100%, 0% 100%);
+    clip-path: polygon(20% 5%, 80% 5%, 100% 100%, 0% 100%);
+    display: none;
+  }
+
+  &:hover {
+    & > .tools {
+      display: block;
+
+      a {
+        color: currentColor;
+        &:hover {
+          text-decoration: none;
+        }
+      }
+    }
+  }
+}