diff --git a/less/_import.less b/less/_import.less index 543a2e9..399e271 100644 --- a/less/_import.less +++ b/less/_import.less @@ -58,6 +58,7 @@ @import "background"; @import "utility"; @import "margin"; +@import "padding"; @import "inverse"; // Extend diff --git a/less/dropdown.less b/less/dropdown.less index d726932..f5ef072 100644 --- a/less/dropdown.less +++ b/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; diff --git a/less/input.less b/less/input.less index a2c72e2..b4693c6 100644 --- a/less/input.less +++ b/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; + } } diff --git a/less/mixin.less b/less/mixin.less index 3dad585..d332f5c 100644 --- a/less/mixin.less +++ b/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; } } diff --git a/less/notification.less b/less/notification.less index 199c950..75746e2 100644 --- a/less/notification.less +++ b/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() { diff --git a/less/padding.less b/less/padding.less new file mode 100644 index 0000000..9e7068b --- /dev/null +++ b/less/padding.less @@ -0,0 +1,3 @@ +@padding-xsmall-padding: @global-xsmall-gutter; + +.uk-padding-xsmall { padding: @padding-xsmall-padding; } diff --git a/less/progress.less b/less/progress.less index 341d11c..c8cc736 100644 --- a/less/progress.less +++ b/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; diff --git a/less/table.less b/less/table.less index 2588f61..3da5a9f 100644 --- a/less/table.less +++ b/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; diff --git a/less/tooltip.less b/less/tooltip.less index df18e14..6db6f1c 100644 --- a/less/tooltip.less +++ b/less/tooltip.less @@ -10,4 +10,5 @@ .hook-tooltip() { border: @tooltip-border-width solid @tooltip-border; box-shadow: @tooltip-shadow; + word-break: break-all; } diff --git a/less/variables.less b/less/variables.less index 81781ef..d81b009 100644 --- a/less/variables.less +++ b/less/variables.less @@ -46,6 +46,7 @@ /* Spacings */ @global-small-gutter: 20px; +@global-xsmall-gutter: 10px; @global-xsmall-margin: 5px; /* Controls */