Merge pull request 'Connect Admin release 30th August 2023' (#4) from develop into master

Reviewed-on: #4

less/_import.less

@@ -58,6 +58,7 @@
 @import "background";
 @import "utility";
 @import "margin";
+@import "padding";
 @import "inverse";
 
 // Extend

less/dropdown.less

@@ -22,7 +22,7 @@
 @dropdown-nav-divider-margin: 5px;
 
 /* Mobile Dropdown*/
-@dropdown-mobile-z-index: @global-z-index;
+@dropdown-mobile-z-index: @global-z-index + 20;
 @dropdown-mobile-background: rgba(0, 0, 0, 0.8);
 @dropdown-mobile-container-height: 70vh;
 @dropdown-mobile-container-background: @global-inverse-color;

less/input.less

@@ -346,8 +346,14 @@
   }
 }
 
-.uk-dropdown.options {
-  max-height: 198px; /* 31px each line height, 5+5 margin top+bottom, 1+1 border top+bottom */
-  overflow: auto;
+.uk-dropdown {
+  &.options {
+    max-height: 198px; /* 31px each line height, 5+5 margin top+bottom, 1+1 border top+bottom */
+    overflow: auto;
+  }
+
+  & .mat-calendar-body-selected {
+    color: @global-inverse-color;
+  }
 }
 

less/mixin.less

@@ -7,7 +7,7 @@
     &.uk-blur-background, .uk-blur-background {
       -webkit-backdrop-filter: saturate(180%) blur(20px);
       backdrop-filter: saturate(180%) blur(20px);
-      background: fade(@color, @opacity);
+      background: fade(@color, @opacity) !important;
     }
   }
 

less/notification.less

@@ -29,6 +29,7 @@
   border: @notification-message-border-width solid @notification-message-border;
   border-radius: @notification-message-border-radius;
   box-shadow: @notification-message-box-shadow;
+  word-break: break-all;
 }
 
 .hook-notification-message-primary() {

less/padding.less

@@ -0,0 +1,3 @@
+@padding-xsmall-padding:  @global-xsmall-gutter;
+
+.uk-padding-xsmall { padding: @padding-xsmall-padding; }

less/progress.less

@@ -1,4 +1,4 @@
-@progress-height: 16px;
+@progress-height: 18px;
 @progress-background: fade(@progress-bar-background, 30%);
 @progress-border-radius: 500px;
 @progress-box-shadow: none;

less/table.less

@@ -2,6 +2,7 @@
 @table-cell-padding-horizontal: 17px;
 
 @table-header-cell-font-weight: 300;
+@table-header-cell-font-size: @global-small-font-size;
 @table-header-cell-color: @global-meta-color;
 @table-header-cell-text-transform: uppercase;
 

less/tooltip.less

@@ -10,4 +10,5 @@
 .hook-tooltip() {
   border: @tooltip-border-width solid @tooltip-border;
   box-shadow: @tooltip-shadow;
+  word-break: break-all;
 }

less/variables.less

@@ -46,6 +46,7 @@
 
 /* Spacings */
 @global-small-gutter: 20px;
+@global-xsmall-gutter: 10px;
 @global-xsmall-margin: 5px;
 
 /* Controls */