@igo2/core 16.0.0-rc.1 → 16.0.0-rc.2

package/theming/prebuilt-themes/indigo-theme.css

@@ -2523,44 +2523,16 @@ igo-entity-table table.igo-entity-table-with-selection tr.igo-entity-table-row-h
   color: white;
 }
 
+igo-entity-table .mat-mdc-table thead {
+  background-color: #fafafa;
+}
+
 igo-entity-table {
   --mat-table-header-container-height: 52px;
   --mat-table-footer-container-height: 48px;
   --mat-table-row-item-container-height: 48px;
 }
 
-igo-entity-selector {
-  --mat-paginator-container-size: 40px;
-}
-
-igo-entity-selector .mat-mdc-paginator .mat-mdc-form-field-infix {
-  min-height: 40px;
-}
-igo-entity-selector .mat-mdc-paginator .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label {
-  top: 20px;
-}
-igo-entity-selector .mat-mdc-paginator .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
-  --mat-mdc-form-field-label-transform: translateY(
-          -26.75px)
-          scale(var(--mat-mdc-form-field-floating-label-scale, 0.75));
-  transform: var(--mat-mdc-form-field-label-transform);
-}
-igo-entity-selector .mat-mdc-paginator .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-form-field-infix {
-  padding-top: 8px;
-  padding-bottom: 8px;
-}
-igo-entity-selector .mat-mdc-paginator .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-form-field-infix {
-  padding-top: 8px;
-  padding-bottom: 8px;
-}
-igo-entity-selector .mat-mdc-paginator .mdc-text-field--no-label:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mat-mdc-form-field-infix {
-  padding-top: 8px;
-  padding-bottom: 8px;
-}
-igo-entity-selector .mat-mdc-paginator .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-floating-label {
-  display: none;
-}
-
 igo-entity-selector .mat-mdc-form-field-infix {
   min-height: 48px;
 }
@@ -2589,6 +2561,24 @@ igo-entity-selector .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .
   display: none;
 }
 
+igo-list .mat-mdc-icon-button.mat-mdc-button-base {
+  --mdc-icon-button-state-layer-size: 48px;
+  width: var(--mdc-icon-button-state-layer-size);
+  height: var(--mdc-icon-button-state-layer-size);
+  padding: 12px;
+}
+igo-list .mat-mdc-list-base {
+  --mdc-list-list-item-one-line-container-height: 48px;
+  --mdc-list-list-item-two-line-container-height: 64px;
+  --mdc-list-list-item-three-line-container-height: 88px;
+}
+igo-list .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line, igo-list .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line, igo-list .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
+  height: 56px;
+}
+igo-list .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines, igo-list .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines, igo-list .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
+  height: 72px;
+}
+
 igo-list [igolistitem][color=primary].igo-list-item-selected > mat-list-item {
   background-color: #3f51b5;
   color: white;
@@ -2825,14 +2815,6 @@ igo-feature-details > table.igo-striped tbody tr:nth-child(odd) {
   background-color: #4d5ec1;
 }
 
-igo-ogc-filter-time-slider {
-  /* TODO(mdc-migration): The following rule targets internal classes of slider that may no longer apply for the MDC version. */
-}
-igo-ogc-filter-time-slider .mat-slider-thumb-label {
-  transform: rotate(45deg) !important;
-  border-radius: 50% 50% 0 !important;
-}
-
 igo-ogc-filter-selection mat-button-toggle.mat-button-toggle-checked {
   background-color: #ff4081;
   color: #424242;
@@ -2887,11 +2869,6 @@ igo-layer-item.igo-layer-item-focused > mat-list-item {
   color: white;
 }
 
-/* TODO(mdc-migration): The following rule targets internal classes of menu that may no longer apply for the MDC version. */
-.mat-menu-opacity-slider {
-  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.5), 0 4px 5px 0 rgba(0, 0, 0, 0.15), 0 1px 10px 0 rgba(0, 0, 0, 0.4);
-}
-
 igo-map-browser div.ol-attribution > button {
   color: #3f51b5;
   background-color: white;
@@ -2979,4 +2956,25 @@ igo-search-bar .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-m
 igo-confirmation-popup-component h1 {
   font-size: 32px;
   font-family: Roboto, "Helvetica Neue", sans-serif;
+}
+
+igo-catalog-browser .mat-mdc-icon-button.mat-mdc-button-base {
+  --mdc-icon-button-state-layer-size: 40px;
+  width: var(--mdc-icon-button-state-layer-size);
+  height: var(--mdc-icon-button-state-layer-size);
+  padding: 8px;
+}
+igo-catalog-browser .mat-mdc-icon-button.mat-mdc-button-base .mat-mdc-button-touch-target {
+  display: none;
+}
+igo-catalog-browser .mat-mdc-list-base {
+  --mdc-list-list-item-one-line-container-height: 40px;
+  --mdc-list-list-item-two-line-container-height: 56px;
+  --mdc-list-list-item-three-line-container-height: 80px;
+}
+igo-catalog-browser .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line, igo-catalog-browser .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line, igo-catalog-browser .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
+  height: 48px;
+}
+igo-catalog-browser .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines, igo-catalog-browser .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines, igo-catalog-browser .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
+  height: 64px;
 }

package/theming/prebuilt-themes/orange-theme.css

@@ -2523,44 +2523,16 @@ igo-entity-table table.igo-entity-table-with-selection tr.igo-entity-table-row-h
   color: white;
 }
 
+igo-entity-table .mat-mdc-table thead {
+  background-color: #fafafa;
+}
+
 igo-entity-table {
   --mat-table-header-container-height: 52px;
   --mat-table-footer-container-height: 48px;
   --mat-table-row-item-container-height: 48px;
 }
 
-igo-entity-selector {
-  --mat-paginator-container-size: 40px;
-}
-
-igo-entity-selector .mat-mdc-paginator .mat-mdc-form-field-infix {
-  min-height: 40px;
-}
-igo-entity-selector .mat-mdc-paginator .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label {
-  top: 20px;
-}
-igo-entity-selector .mat-mdc-paginator .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
-  --mat-mdc-form-field-label-transform: translateY(
-          -26.75px)
-          scale(var(--mat-mdc-form-field-floating-label-scale, 0.75));
-  transform: var(--mat-mdc-form-field-label-transform);
-}
-igo-entity-selector .mat-mdc-paginator .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-form-field-infix {
-  padding-top: 8px;
-  padding-bottom: 8px;
-}
-igo-entity-selector .mat-mdc-paginator .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-form-field-infix {
-  padding-top: 8px;
-  padding-bottom: 8px;
-}
-igo-entity-selector .mat-mdc-paginator .mdc-text-field--no-label:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mat-mdc-form-field-infix {
-  padding-top: 8px;
-  padding-bottom: 8px;
-}
-igo-entity-selector .mat-mdc-paginator .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-floating-label {
-  display: none;
-}
-
 igo-entity-selector .mat-mdc-form-field-infix {
   min-height: 48px;
 }
@@ -2589,6 +2561,24 @@ igo-entity-selector .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .
   display: none;
 }
 
+igo-list .mat-mdc-icon-button.mat-mdc-button-base {
+  --mdc-icon-button-state-layer-size: 48px;
+  width: var(--mdc-icon-button-state-layer-size);
+  height: var(--mdc-icon-button-state-layer-size);
+  padding: 12px;
+}
+igo-list .mat-mdc-list-base {
+  --mdc-list-list-item-one-line-container-height: 48px;
+  --mdc-list-list-item-two-line-container-height: 64px;
+  --mdc-list-list-item-three-line-container-height: 88px;
+}
+igo-list .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line, igo-list .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line, igo-list .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
+  height: 56px;
+}
+igo-list .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines, igo-list .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines, igo-list .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
+  height: 72px;
+}
+
 igo-list [igolistitem][color=primary].igo-list-item-selected > mat-list-item {
   background-color: #ef6c00;
   color: white;
@@ -2825,14 +2815,6 @@ igo-feature-details > table.igo-striped tbody tr:nth-child(odd) {
   background-color: #ff780a;
 }
 
-igo-ogc-filter-time-slider {
-  /* TODO(mdc-migration): The following rule targets internal classes of slider that may no longer apply for the MDC version. */
-}
-igo-ogc-filter-time-slider .mat-slider-thumb-label {
-  transform: rotate(45deg) !important;
-  border-radius: 50% 50% 0 !important;
-}
-
 igo-ogc-filter-selection mat-button-toggle.mat-button-toggle-checked {
   background-color: #039be5;
   color: #424242;
@@ -2887,11 +2869,6 @@ igo-layer-item.igo-layer-item-focused > mat-list-item {
   color: white;
 }
 
-/* TODO(mdc-migration): The following rule targets internal classes of menu that may no longer apply for the MDC version. */
-.mat-menu-opacity-slider {
-  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.5), 0 4px 5px 0 rgba(0, 0, 0, 0.15), 0 1px 10px 0 rgba(0, 0, 0, 0.4);
-}
-
 igo-map-browser div.ol-attribution > button {
   color: #ef6c00;
   background-color: white;
@@ -2979,4 +2956,25 @@ igo-search-bar .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-m
 igo-confirmation-popup-component h1 {
   font-size: 32px;
   font-family: Roboto, "Helvetica Neue", sans-serif;
+}
+
+igo-catalog-browser .mat-mdc-icon-button.mat-mdc-button-base {
+  --mdc-icon-button-state-layer-size: 40px;
+  width: var(--mdc-icon-button-state-layer-size);
+  height: var(--mdc-icon-button-state-layer-size);
+  padding: 8px;
+}
+igo-catalog-browser .mat-mdc-icon-button.mat-mdc-button-base .mat-mdc-button-touch-target {
+  display: none;
+}
+igo-catalog-browser .mat-mdc-list-base {
+  --mdc-list-list-item-one-line-container-height: 40px;
+  --mdc-list-list-item-two-line-container-height: 56px;
+  --mdc-list-list-item-three-line-container-height: 80px;
+}
+igo-catalog-browser .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line, igo-catalog-browser .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line, igo-catalog-browser .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
+  height: 48px;
+}
+igo-catalog-browser .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines, igo-catalog-browser .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines, igo-catalog-browser .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
+  height: 64px;
 }

package/theming/prebuilt-themes/qcca/components/scrollbar.scss

@@ -1,15 +1,15 @@
 @use '../base';
 
 *::-webkit-scrollbar {
-    width: 6px;
+  width: 6px;
 }
 
 *::-webkit-scrollbar-track {
-    box-shadow: inset 0 0 5px base.$blue-light;
-    border-radius: 10px;
+  box-shadow: inset 0 0 5px base.$blue-light;
+  border-radius: 10px;
 }
 
 *::-webkit-scrollbar-thumb {
-    background: base.$blue-normal-piv;
-    border-radius: 10px;
-}
+  background: base.$blue-normal-piv;
+  border-radius: 10px;
+}

package/theming/prebuilt-themes/qcca-theme.css

@@ -2647,44 +2647,16 @@ igo-entity-table table.igo-entity-table-with-selection tr.igo-entity-table-row-h
   color: white;
 }
 
+igo-entity-table .mat-mdc-table thead {
+  background-color: #fafafa;
+}
+
 igo-entity-table {
   --mat-table-header-container-height: 52px;
   --mat-table-footer-container-height: 48px;
   --mat-table-row-item-container-height: 48px;
 }
 
-igo-entity-selector {
-  --mat-paginator-container-size: 40px;
-}
-
-igo-entity-selector .mat-mdc-paginator .mat-mdc-form-field-infix {
-  min-height: 40px;
-}
-igo-entity-selector .mat-mdc-paginator .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label {
-  top: 20px;
-}
-igo-entity-selector .mat-mdc-paginator .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
-  --mat-mdc-form-field-label-transform: translateY(
-          -26.75px)
-          scale(var(--mat-mdc-form-field-floating-label-scale, 0.75));
-  transform: var(--mat-mdc-form-field-label-transform);
-}
-igo-entity-selector .mat-mdc-paginator .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-form-field-infix {
-  padding-top: 8px;
-  padding-bottom: 8px;
-}
-igo-entity-selector .mat-mdc-paginator .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-form-field-infix {
-  padding-top: 8px;
-  padding-bottom: 8px;
-}
-igo-entity-selector .mat-mdc-paginator .mdc-text-field--no-label:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mat-mdc-form-field-infix {
-  padding-top: 8px;
-  padding-bottom: 8px;
-}
-igo-entity-selector .mat-mdc-paginator .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-floating-label {
-  display: none;
-}
-
 igo-entity-selector .mat-mdc-form-field-infix {
   min-height: 48px;
 }
@@ -2713,6 +2685,24 @@ igo-entity-selector .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .
   display: none;
 }
 
+igo-list .mat-mdc-icon-button.mat-mdc-button-base {
+  --mdc-icon-button-state-layer-size: 48px;
+  width: var(--mdc-icon-button-state-layer-size);
+  height: var(--mdc-icon-button-state-layer-size);
+  padding: 12px;
+}
+igo-list .mat-mdc-list-base {
+  --mdc-list-list-item-one-line-container-height: 48px;
+  --mdc-list-list-item-two-line-container-height: 64px;
+  --mdc-list-list-item-three-line-container-height: 88px;
+}
+igo-list .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line, igo-list .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line, igo-list .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
+  height: 56px;
+}
+igo-list .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines, igo-list .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines, igo-list .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
+  height: 72px;
+}
+
 igo-list [igolistitem][color=primary].igo-list-item-selected > mat-list-item {
   background-color: #095797;
   color: white;
@@ -2949,14 +2939,6 @@ igo-feature-details > table.igo-striped tbody tr:nth-child(odd) {
   background-color: #0a65af;
 }
 
-igo-ogc-filter-time-slider {
-  /* TODO(mdc-migration): The following rule targets internal classes of slider that may no longer apply for the MDC version. */
-}
-igo-ogc-filter-time-slider .mat-slider-thumb-label {
-  transform: rotate(45deg) !important;
-  border-radius: 50% 50% 0 !important;
-}
-
 igo-ogc-filter-selection mat-button-toggle.mat-button-toggle-checked {
   background-color: #1472bf;
   color: #424242;
@@ -3011,11 +2993,6 @@ igo-layer-item.igo-layer-item-focused > mat-list-item {
   color: white;
 }
 
-/* TODO(mdc-migration): The following rule targets internal classes of menu that may no longer apply for the MDC version. */
-.mat-menu-opacity-slider {
-  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.5), 0 4px 5px 0 rgba(0, 0, 0, 0.15), 0 1px 10px 0 rgba(0, 0, 0, 0.4);
-}
-
 igo-map-browser div.ol-attribution > button {
   color: #095797;
   background-color: white;
@@ -3105,6 +3082,27 @@ igo-confirmation-popup-component h1 {
   font-family: Roboto, "Helvetica Neue", sans-serif;
 }
 
+igo-catalog-browser .mat-mdc-icon-button.mat-mdc-button-base {
+  --mdc-icon-button-state-layer-size: 40px;
+  width: var(--mdc-icon-button-state-layer-size);
+  height: var(--mdc-icon-button-state-layer-size);
+  padding: 8px;
+}
+igo-catalog-browser .mat-mdc-icon-button.mat-mdc-button-base .mat-mdc-button-touch-target {
+  display: none;
+}
+igo-catalog-browser .mat-mdc-list-base {
+  --mdc-list-list-item-one-line-container-height: 40px;
+  --mdc-list-list-item-two-line-container-height: 56px;
+  --mdc-list-list-item-three-line-container-height: 80px;
+}
+igo-catalog-browser .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line, igo-catalog-browser .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line, igo-catalog-browser .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
+  height: 48px;
+}
+igo-catalog-browser .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines, igo-catalog-browser .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines, igo-catalog-browser .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
+  height: 64px;
+}
+
 igo-search-bar .mat-mdc-form-field-infix {
   min-height: 40px;
 }

package/theming/prebuilt-themes/teal-theme.css

@@ -2523,44 +2523,16 @@ igo-entity-table table.igo-entity-table-with-selection tr.igo-entity-table-row-h
   color: white;
 }
 
+igo-entity-table .mat-mdc-table thead {
+  background-color: #fafafa;
+}
+
 igo-entity-table {
   --mat-table-header-container-height: 52px;
   --mat-table-footer-container-height: 48px;
   --mat-table-row-item-container-height: 48px;
 }
 
-igo-entity-selector {
-  --mat-paginator-container-size: 40px;
-}
-
-igo-entity-selector .mat-mdc-paginator .mat-mdc-form-field-infix {
-  min-height: 40px;
-}
-igo-entity-selector .mat-mdc-paginator .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label {
-  top: 20px;
-}
-igo-entity-selector .mat-mdc-paginator .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
-  --mat-mdc-form-field-label-transform: translateY(
-          -26.75px)
-          scale(var(--mat-mdc-form-field-floating-label-scale, 0.75));
-  transform: var(--mat-mdc-form-field-label-transform);
-}
-igo-entity-selector .mat-mdc-paginator .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-form-field-infix {
-  padding-top: 8px;
-  padding-bottom: 8px;
-}
-igo-entity-selector .mat-mdc-paginator .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-form-field-infix {
-  padding-top: 8px;
-  padding-bottom: 8px;
-}
-igo-entity-selector .mat-mdc-paginator .mdc-text-field--no-label:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mat-mdc-form-field-infix {
-  padding-top: 8px;
-  padding-bottom: 8px;
-}
-igo-entity-selector .mat-mdc-paginator .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-floating-label {
-  display: none;
-}
-
 igo-entity-selector .mat-mdc-form-field-infix {
   min-height: 48px;
 }
@@ -2589,6 +2561,24 @@ igo-entity-selector .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .
   display: none;
 }
 
+igo-list .mat-mdc-icon-button.mat-mdc-button-base {
+  --mdc-icon-button-state-layer-size: 48px;
+  width: var(--mdc-icon-button-state-layer-size);
+  height: var(--mdc-icon-button-state-layer-size);
+  padding: 12px;
+}
+igo-list .mat-mdc-list-base {
+  --mdc-list-list-item-one-line-container-height: 48px;
+  --mdc-list-list-item-two-line-container-height: 64px;
+  --mdc-list-list-item-three-line-container-height: 88px;
+}
+igo-list .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line, igo-list .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line, igo-list .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
+  height: 56px;
+}
+igo-list .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines, igo-list .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines, igo-list .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
+  height: 72px;
+}
+
 igo-list [igolistitem][color=primary].igo-list-item-selected > mat-list-item {
   background-color: #00897b;
   color: white;
@@ -2825,14 +2815,6 @@ igo-feature-details > table.igo-striped tbody tr:nth-child(odd) {
   background-color: #00a392;
 }
 
-igo-ogc-filter-time-slider {
-  /* TODO(mdc-migration): The following rule targets internal classes of slider that may no longer apply for the MDC version. */
-}
-igo-ogc-filter-time-slider .mat-slider-thumb-label {
-  transform: rotate(45deg) !important;
-  border-radius: 50% 50% 0 !important;
-}
-
 igo-ogc-filter-selection mat-button-toggle.mat-button-toggle-checked {
   background-color: #26a69a;
   color: #424242;
@@ -2887,11 +2869,6 @@ igo-layer-item.igo-layer-item-focused > mat-list-item {
   color: white;
 }
 
-/* TODO(mdc-migration): The following rule targets internal classes of menu that may no longer apply for the MDC version. */
-.mat-menu-opacity-slider {
-  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.5), 0 4px 5px 0 rgba(0, 0, 0, 0.15), 0 1px 10px 0 rgba(0, 0, 0, 0.4);
-}
-
 igo-map-browser div.ol-attribution > button {
   color: #00897b;
   background-color: white;
@@ -2979,4 +2956,25 @@ igo-search-bar .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-m
 igo-confirmation-popup-component h1 {
   font-size: 32px;
   font-family: Roboto, "Helvetica Neue", sans-serif;
+}
+
+igo-catalog-browser .mat-mdc-icon-button.mat-mdc-button-base {
+  --mdc-icon-button-state-layer-size: 40px;
+  width: var(--mdc-icon-button-state-layer-size);
+  height: var(--mdc-icon-button-state-layer-size);
+  padding: 8px;
+}
+igo-catalog-browser .mat-mdc-icon-button.mat-mdc-button-base .mat-mdc-button-touch-target {
+  display: none;
+}
+igo-catalog-browser .mat-mdc-list-base {
+  --mdc-list-list-item-one-line-container-height: 40px;
+  --mdc-list-list-item-two-line-container-height: 56px;
+  --mdc-list-list-item-three-line-container-height: 80px;
+}
+igo-catalog-browser .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line, igo-catalog-browser .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line, igo-catalog-browser .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
+  height: 48px;
+}
+igo-catalog-browser .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines, igo-catalog-browser .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines, igo-catalog-browser .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
+  height: 64px;
 }

package/theming/typography.scss

@@ -1,28 +1,28 @@
-@use '@angular/material' as mat;
-
-$igo-typography: mat.define-typography-config(
-  $headline-1: mat.define-typography-level(110px, 110px, 500),
-  $headline-2: mat.define-typography-level(54px, 54px, 500),
-  $headline-3: mat.define-typography-level(43px, 46px, 500),
-  $headline-4: mat.define-typography-level(32px, 38px, 500),
-  // h1
-  $headline-5: mat.define-typography-level(32px, 38px, 500),
-  // h2
-  $headline-6: mat.define-typography-level(22px, 30px, 500),
-  // h3
-  $subtitle-1: mat.define-typography-level(18px, 26px, 500),
-  // h4
-  $subtitle-2: mat.define-typography-level(16px, 22px, 500),
-  $body-1: mat.define-typography-level(14px, 22px, 400),
-  $body-2: mat.define-typography-level(12px, 18px, 400),
-  $caption: mat.define-typography-level(12px, 18px, 400),
-  $button: mat.define-typography-level(13px, 13px, 500)
-);
-
-// WORKAROUND, mat-typography bad area of intersection, h4 is using mat-body-1
-// https://github.com/angular/components/issues/26351
-h4 {
-  font-size: 16px !important;
-  line-height: 22px !important;
-  font-weight: 500 !important;
-}
+@use '@angular/material' as mat;
+
+$igo-typography: mat.define-typography-config(
+  $headline-1: mat.define-typography-level(110px, 110px, 500),
+  $headline-2: mat.define-typography-level(54px, 54px, 500),
+  $headline-3: mat.define-typography-level(43px, 46px, 500),
+  $headline-4: mat.define-typography-level(32px, 38px, 500),
+  // h1
+  $headline-5: mat.define-typography-level(32px, 38px, 500),
+  // h2
+  $headline-6: mat.define-typography-level(22px, 30px, 500),
+  // h3
+  $subtitle-1: mat.define-typography-level(18px, 26px, 500),
+  // h4
+  $subtitle-2: mat.define-typography-level(16px, 22px, 500),
+  $body-1: mat.define-typography-level(14px, 22px, 400),
+  $body-2: mat.define-typography-level(12px, 18px, 400),
+  $caption: mat.define-typography-level(12px, 18px, 400),
+  $button: mat.define-typography-level(13px, 13px, 500)
+);
+
+// WORKAROUND, mat-typography bad area of intersection, h4 is using mat-body-1
+// https://github.com/angular/components/issues/26351
+h4 {
+  font-size: 16px !important;
+  line-height: 22px !important;
+  font-weight: 500 !important;
+}