Fix styles in breadcrumb and header (#5)

Author: jordivx

projects/ngx-appshell-example/src/app/app.component.html

@@ -13,6 +13,7 @@
   [sidenavSections]="sidenavSections"
   [sidenavLinks]="sidenavLinks"
   [loggedUser]="loggedUser"
+  [isPlatformPickerOpened]="false"
   (userLoggedIn)="login()"
   (userLoggedOut)="logout()"
   (userProjectPick)="projectPickerChanged($event)"

projects/ngx-appshell/README.md

@@ -2,7 +2,7 @@
 
 A comprehensive Angular library providing pre-built UI components, directives, and schematics for building modern enterprise applications with Material Design.
 
-**Version:** 19.0.8
+**Version:** 19.0.9
 **Angular:** >=19.0.0
 
 ## Features

projects/ngx-appshell/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opendevstack/ngx-appshell",
-  "version": "19.0.8",
+  "version": "19.0.9",
   "description": "A comprehensive Angular library providing pre-built UI components, directives, and schematics for building modern enterprise applications with Material Design.",
   "author": "OpenDevStack",
   "repository": {

projects/ngx-appshell/src/lib/components/appshell-breadcrumb/appshell-breadcrumb.component.scss

@@ -1,4 +1,4 @@
-nav {
+appshell-breadcrumb nav {
     margin-bottom: .5rem;
     display: flex;
     align-items: center;

projects/ngx-appshell/src/lib/components/appshell-platform-header/appshell-platform-header.component.html

@@ -1,7 +1,7 @@
 <nav class="appshell-meta-navigation" aria-label="Top of the header navigation">
     @if(isPlatformPickerOpened() !== null) {
         <div class="platform-picker-trigger" [class.opened-widget]="isPlatformPickerOpened()" (click)="openPlatformPicker()" (keypress)="openPlatformPicker()">
-            <svg width="24" height="24" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><rect x="10" y="10" width="20" height="20" fill="#FFFFFF"/><rect x="40" y="10" width="20" height="20" fill="#FFFFFF"/><rect x="70" y="10" width="20" height="20" fill="#FFFFFF"/><rect x="10" y="40" width="20" height="20" fill="#FFFFFF"/><rect x="40" y="40" width="20" height="20" fill="#FFFFFF"/><rect x="70" y="40" width="20" height="20" fill="#FFFFFF"/><rect x="10" y="70" width="20" height="20" fill="#FFFFFF"/><rect x="40" y="70" width="20" height="20" fill="#FFFFFF"/><rect x="70" y="70" width="20" height="20" fill="#FFFFFF"/></svg>
+            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="5.53846" height="5.53846" fill="#F4F4F4"/><rect y="9.23077" width="5.53846" height="5.53846" fill="#F4F4F4"/><rect y="18.4615" width="5.53846" height="5.53846" fill="#F4F4F4"/><rect x="9.23071" width="5.53846" height="5.53846" fill="#F4F4F4"/><rect x="9.23071" y="9.23077" width="5.53846" height="5.53846" fill="#F4F4F4"/><rect x="9.23071" y="18.4615" width="5.53846" height="5.53846" fill="#F4F4F4"/><rect x="18.4615" width="5.53846" height="5.53846" fill="#F4F4F4"/><rect x="18.4615" y="9.23077" width="5.53846" height="5.53846" fill="#F4F4F4"/><rect x="18.4615" y="18.4615" width="5.53846" height="5.53846" fill="#F4F4F4"/></svg>
         </div>
     }