Fixes

wtprograms · Jan 18, 2025 · 69d62e3 · 69d62e3
1 parent c30d113
commit 69d62e3
Show file tree

Hide file tree

Showing 4 changed files with 24 additions and 2 deletions.
diff --git a/projects/wtprograms/material-design/src/lib/components/field/field.component.scss b/projects/wtprograms/material-design/src/lib/components/field/field.component.scss
@@ -92,6 +92,7 @@ $tokens: (
   min-width: 12.5rem;
   outline: none;
   user-select: none;
+  width: 100%;
 
   .field-body {
     display: inline-flex;

diff --git a/projects/wtprograms/material-design/src/lib/components/list/list.component.ts b/projects/wtprograms/material-design/src/lib/components/list/list.component.ts
@@ -1,9 +1,13 @@
 import {
   ChangeDetectionStrategy,
   Component,
+  contentChildren,
+  effect,
+  input,
 } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { MdComponent } from '../../common/base/md.component';
+import { MdListItemComponent } from '@wtprograms/material-design';
 
 @Component({
   selector: 'md-list',
@@ -12,6 +16,23 @@ import { MdComponent } from '../../common/base/md.component';
   changeDetection: ChangeDetectionStrategy.OnPush,
   imports: [CommonModule],
 })
-export class MdListComponent extends MdComponent {}
+export class MdListComponent extends MdComponent {
+  readonly interactive = input<boolean>();
+  readonly listItems = contentChildren(MdListItemComponent);
+
+  constructor() {
+    super();
+    effect(() => {
+      const interactive = this.interactive();
+      if (interactive === undefined) {
+        return;
+      }
+      const listItems = this.listItems();
+      for (const listItem of listItems) {
+        listItem.interactive.set(interactive);
+      }
+    });
+  }
+}
 
 
diff --git a/projects/wtprograms/material-design/src/lib/components/popover/popover.component.ts b/projects/wtprograms/material-design/src/lib/components/popover/popover.component.ts
@@ -235,7 +235,6 @@ export class MdPopoverComponent extends MdComponent {
     } else {
       this._hostElement.style.width = '';
     }
-    const fontSize = parseFloat(getComputedStyle(document.documentElement).fontSize);
     const middleware: any[] = [
       offset(this.offset()),
       this.flip() ? flip() : undefined,

diff --git a/projects/wtprograms/material-design/src/lib/components/tabs/tab/tab.component.scss b/projects/wtprograms/material-design/src/lib/components/tabs/tab/tab.component.scss
@@ -90,6 +90,7 @@ $layouts: ('primary', 'secondary');
   }
 
   ::ng-deep md-icon {
+    --md-comp-icon-size: 2.5;
     --md-comp-icon-filled: var(--_icon-filled);
   }
-Original file line number
+Diff line change
@@ Expand Up / @@ -90,6 +90,7 @@ $layouts: ('primary', 'secondary'); @@
       }
       ::ng-deep md-icon {
+        --md-comp-icon-size: 2.5;
         --md-comp-icon-filled: var(--_icon-filled);
       }
@@ Expand Down @@