@propbinder/mobile-design 0.1.17 → 0.1.18

package/index.d.ts

@@ -342,7 +342,7 @@ declare class DsMobilePageMainComponent extends MobilePageBase implements AfterV
     title: _angular_core.InputSignal<string>;
     headerTitle: _angular_core.InputSignal<string>;
     headerSubtitle: _angular_core.InputSignal<string>;
-    avatarType: _angular_core.InputSignal<"initials" | "photo" | "icon">;
+    avatarType: _angular_core.InputSignal<"photo" | "initials" | "icon">;
     avatarInitials: _angular_core.InputSignal<string>;
     avatarSrc: _angular_core.InputSignal<string>;
     avatarIconName: _angular_core.InputSignal<string>;
@@ -676,7 +676,7 @@ declare class DsMobileCommentComponent {
     /**
      * Avatar type
      */
-    avatarType: _angular_core.InputSignal<"initials" | "photo" | "icon">;
+    avatarType: _angular_core.InputSignal<"photo" | "initials" | "icon">;
     /**
      * Whether the comment is clickable
      */
@@ -780,7 +780,7 @@ declare class DsMobilePostComposerComponent {
     /**
      * Avatar type
      */
-    avatarType: _angular_core.InputSignal<"initials" | "photo" | "icon">;
+    avatarType: _angular_core.InputSignal<"photo" | "initials" | "icon">;
     /**
      * Avatar photo source (for photo type)
      */
@@ -1185,7 +1185,7 @@ declare class DsMobileInteractiveListItemPostComponent {
     /**
      * Avatar type
      */
-    avatarType: _angular_core.InputSignal<"initials" | "photo" | "icon">;
+    avatarType: _angular_core.InputSignal<"photo" | "initials" | "icon">;
     /**
      * Avatar photo source (for photo type)
      */
@@ -1482,7 +1482,7 @@ declare class DsMobileInteractiveListItemMessageComponent {
     /**
      * Avatar type
      */
-    avatarType: _angular_core.InputSignal<"initials" | "photo" | "icon">;
+    avatarType: _angular_core.InputSignal<"photo" | "initials" | "icon">;
     /**
      * Avatar photo source (for photo type)
      */
@@ -3185,7 +3185,7 @@ declare class DsMobileHandbookFolderMiniComponent {
  * ```
  */
 declare class DsTextInputComponent implements ControlValueAccessor {
-    type: _angular_core.InputSignal<"search" | "text" | "email" | "tel" | "password" | "url">;
+    type: _angular_core.InputSignal<"search" | "text" | "email" | "tel" | "url" | "password">;
     placeholder: _angular_core.InputSignal<string>;
     disabled: _angular_core.InputSignal<boolean>;
     readonly: _angular_core.InputSignal<boolean>;
@@ -3229,7 +3229,7 @@ declare class UserService {
     private _avatarSrc;
     private _profileMenuItems;
     readonly avatarInitials: _angular_core.Signal<string>;
-    readonly avatarType: _angular_core.Signal<"initials" | "photo" | "icon">;
+    readonly avatarType: _angular_core.Signal<"photo" | "initials" | "icon">;
     readonly avatarSrc: _angular_core.Signal<string>;
     readonly profileMenuItems: _angular_core.Signal<ActionGroup[] | undefined>;
     /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@propbinder/mobile-design",
-  "version": "0.1.17",
+  "version": "0.1.18",
   "peerDependencies": {
     "@angular/common": "^20.3.0 || ^21.0.0",
     "@angular/core": "^20.3.0 || ^21.0.0"

package/styles/ionic.css

@@ -524,9 +524,8 @@ ion-tab-button::part(native) {
   --background: var(--color-background-neutral-primary, #ffffff);
   --width: 100%;
   --max-width: 640px;
-  --height: calc(100dvh - var(--app-sheet-top-offset)); /* Subtract margin to fit within viewport */
+  --height: 100dvh; /* Full viewport height - content top offset creates gap */
   --border-radius: 16px 16px 0 0;
-  margin-top: var(--app-sheet-top-offset);
 }
 
 .ds-post-detail-modal::part(content) {
@@ -535,6 +534,10 @@ ion-tab-button::part(native) {
   background: var(--color-background-neutral-primary, #ffffff);
   max-width: 640px;
   margin: 0 auto;
+  /* Use top positioning instead of margin-top to work with fixed positioning */
+  top: var(--app-sheet-top-offset) !important;
+  height: calc(100% - var(--app-sheet-top-offset)) !important;
+  max-height: calc(100vh - var(--app-sheet-top-offset)) !important;
 }
 
 .ds-post-detail-modal::part(backdrop) {