fix: child dropdown width and ellipsis width

npm/ng-packs/packages/core/src/lib/directives/ellipsis.directive.ts

@@ -5,7 +5,7 @@ import { AfterContentInit, ChangeDetectorRef, Directive, ElementRef, HostBinding
 })
 export class EllipsisDirective implements AfterContentInit {
   @Input('abpEllipsis')
-  witdh: string;
+  width: string;
 
   @HostBinding('title')
   @Input()
@@ -21,7 +21,7 @@ export class EllipsisDirective implements AfterContentInit {
 
   @HostBinding('style.max-width')
   get maxWidth() {
-    return this.enabled ? this.witdh || '160px' : undefined;
+    return this.enabled ? this.width || '170px' : undefined;
   }
 
   constructor(private cdRef: ChangeDetectorRef, private elRef: ElementRef) {}

npm/ng-packs/packages/theme-basic/src/lib/components/application-layout/application-layout.component.html

@@ -64,7 +64,7 @@
       >
         <div ngbDropdownToggle [class.dropdown-toggle]="false" class="pointer">
           <a
-            abpEllipsis="200px"
+            abpEllipsis="210px"
             [abpEllipsisEnabled]="isDropdownChildDynamic"
             role="button"
             class="btn d-block text-left py-2 px-2 dropdown-toggle"

npm/ng-packs/packages/theme-basic/src/lib/components/layout/layout.component.ts

@@ -9,7 +9,7 @@ import { Store } from '@ngxs/store';
   animations: [slideFromBottom],
 })
 export class LayoutComponent {
-  isCollapsed: boolean = false;
+  isCollapsed: boolean = true;
 
   get appInfo(): Config.Application {
     return this.store.selectSnapshot(ConfigState.getApplicationInfo);

npm/ng-packs/packages/theme-shared/src/lib/contants/styles.ts

@@ -25,7 +25,7 @@ export default `
 }
 
 .navbar .dropdown-menu {
-  min-width: 200px;
+  min-width: 215px;
 }
 
 .modal {