@ihk-gfi/lux-components-theme 18.1.0 → 18.3.0

package/prebuilt-themes/luxtheme-green.css

@@ -827,6 +827,7 @@ lux-side-nav .lux-side-nav-item:hover:not(.lux-side-nav-disabled) {
 }
 
 lux-app-footer {
+  display: flex;
   flex: 0 0 auto;
   height: 60px;
   min-height: 60px;
@@ -1162,8 +1163,14 @@ lux-card .mat-mdc-card.lux-card:not([class*=mat-elevation-z]) {
   box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
 }
 lux-card .mat-mdc-card.lux-card .mat-mdc-card-content {
-  padding: 16px 0 0 0;
   font-size: 1rem;
+  padding: 0;
+}
+lux-card .mat-mdc-card.lux-card .mat-mdc-card-content .lux-card-content {
+  padding: 16px 0 0 0;
+}
+lux-card .mat-mdc-card.lux-card .mat-mdc-card-content .lux-card-content:empty {
+  padding: 0;
 }
 lux-card .lux-card-content-container {
   overflow-x: hidden;
@@ -1206,9 +1213,17 @@ lux-card .lux-card-header .lux-card-icon-container {
 }
 lux-card .lux-card-header .lux-card-info-container {
   margin-left: 10px;
-  grid-row: 1/span 2;
   grid-column-start: 3;
 }
+lux-card .lux-card-header .lux-card-info-container.lux-title.lux-subtitle {
+  grid-row: 1/span 2;
+}
+lux-card .lux-card-header .lux-card-info-container.lux-title:not(.lux-subtitle) {
+  grid-row: 1;
+}
+lux-card .lux-card-header .lux-card-info-container.lux-subtitle:not(.lux-title) {
+  grid-row: 2;
+}
 lux-card .lux-card-header .lux-card-title,
 lux-card .lux-card-header .lux-card-subtitle {
   grid-column-start: 2;
@@ -1231,7 +1246,6 @@ lux-card mat-card-actions.mat-mdc-card-actions {
 lux-card mat-card-actions.lux-card-actions {
   margin-right: 0;
   margin-left: 0;
-  padding: 4px 0 0 0;
 }
 lux-card .lux-tab-content .lux-card {
   margin-right: 1px;
@@ -4249,6 +4263,10 @@ lux-checkbox-ac .mdc-checkbox .mdc-checkbox__background {
   top: 0;
   left: 0;
 }
+lux-checkbox-ac .mdc-checkbox .mat-mdc-checkbox-touch-target {
+  width: 24px;
+  height: 24px;
+}
 lux-checkbox-ac label {
   font-family: "Source Sans Pro", Arial, sans-serif;
   font-size: 1rem;
@@ -4464,6 +4482,10 @@ lux-radio-ac .mat-mdc-radio-group .mat-mdc-radio-button .mdc-radio__native-contr
 lux-radio-ac.lux-form-control-readonly {
   pointer-events: none;
 }
+lux-radio-ac .mdc-radio .mat-mdc-radio-touch-target {
+  width: 24px;
+  height: 24px;
+}
 
 /*
  * Theming for LUX-Input/LUX-Textarea
@@ -5000,6 +5022,10 @@ lux-button button.lux-button {
 lux-button button.lux-button.mat-mdc-fab {
   border-radius: 50%;
 }
+lux-button button.lux-button.mat-mdc-fab .mat-mdc-button-touch-target {
+  width: 36px;
+  height: 36px;
+}
 lux-button button.lux-button:not(.mat-mdc-fab) {
   border-radius: 4px;
   border-width: 1px;
@@ -6339,10 +6365,10 @@ lux-message-box .lux-message-box-content .lux-message-container.lux-bg-color-whi
   border: 1px solid #003366;
   box-sizing: border-box;
 }
-lux-message-box .lux-message-box-content .lux-message-container.lux-bg-color-white button:not([disabled]).lux-button-rounded.mat-accent.lux-fab-rounded-default:not([class*=mat-elevation-z]) {
+lux-message-box .lux-message-box-content .lux-message-container.lux-bg-color-white lux-button button.lux-button.mat-mdc-fab.lux-fab-rounded-default:not([class*=mat-elevation-z]) {
   color: #003366;
 }
-lux-message-box .lux-message-box-content .lux-message-container lux-button button:not([disabled]).lux-button-rounded.mat-accent.lux-fab-rounded-default:not([class*=mat-elevation-z]) {
+lux-message-box .lux-message-box-content .lux-message-container lux-button button.lux-button.mat-mdc-fab.lux-fab-rounded-default:not([class*=mat-elevation-z]) {
   color: #fff;
   background-color: transparent;
   box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
@@ -41995,19 +42021,16 @@ mat-card lux-tabs div.lux-tab-title {
   justify-content: space-between;
   padding: 10px 10px 18px 10px;
 }
-.lux-datepicker-custom-header-component button,
-.lux-datepicker-custom-header-component .mat-icon-button {
-  font-size: 1.125rem;
-  color: #003366;
+.lux-datepicker-custom-header-component lux-button.lux-datepicker-prev-month button.lux-button.mat-mdc-button {
+  padding: 0;
+  min-width: 24px;
 }
-.lux-datepicker-custom-header-component button:focus,
-.lux-datepicker-custom-header-component .mat-icon-button:focus {
-  outline: 4px solid #2e8533 !important;
+.lux-datepicker-custom-header-component lux-button.lux-datepicker-year button.lux-button.mat-mdc-button {
+  font-size: 1.125rem;
 }
-.lux-datepicker-custom-header-component button:hover,
-.lux-datepicker-custom-header-component .mat-icon-button:hover {
-  background-color: #e3ebf5 !important;
-  border-radius: 4px;
+.lux-datepicker-custom-header-component lux-button.lux-datepicker-next-month button.lux-button.mat-mdc-button {
+  padding: 0;
+  min-width: 24px;
 }
 
 /*