From 602d24bbda1c076e4a1c74766e94304fd91e915a Mon Sep 17 00:00:00 2001
From: TheDiaval <thediavall@gmail.com>
Date: Thu, 15 Aug 2019 16:52:37 +0300
Subject: [PATCH] fix: child dropdown width and ellipsis width

---
 .../packages/core/src/lib/directives/ellipsis.directive.ts    | 4 ++--
 .../application-layout/application-layout.component.html      | 2 +-
 .../theme-basic/src/lib/components/layout/layout.component.ts | 2 +-
 npm/ng-packs/packages/theme-shared/src/lib/contants/styles.ts | 2 +-
 4 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/npm/ng-packs/packages/core/src/lib/directives/ellipsis.directive.ts b/npm/ng-packs/packages/core/src/lib/directives/ellipsis.directive.ts
index 3c2a8ecfeb..c43b6fc923 100644
--- a/npm/ng-packs/packages/core/src/lib/directives/ellipsis.directive.ts
+++ b/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) {}
diff --git a/npm/ng-packs/packages/theme-basic/src/lib/components/application-layout/application-layout.component.html b/npm/ng-packs/packages/theme-basic/src/lib/components/application-layout/application-layout.component.html
index d62ebad938..509e54897e 100644
--- a/npm/ng-packs/packages/theme-basic/src/lib/components/application-layout/application-layout.component.html
+++ b/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"
diff --git a/npm/ng-packs/packages/theme-basic/src/lib/components/layout/layout.component.ts b/npm/ng-packs/packages/theme-basic/src/lib/components/layout/layout.component.ts
index 3e0bd78510..dce489a331 100644
--- a/npm/ng-packs/packages/theme-basic/src/lib/components/layout/layout.component.ts
+++ b/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);
diff --git a/npm/ng-packs/packages/theme-shared/src/lib/contants/styles.ts b/npm/ng-packs/packages/theme-shared/src/lib/contants/styles.ts
index 3f18017abd..78e68cc7f8 100644
--- a/npm/ng-packs/packages/theme-shared/src/lib/contants/styles.ts
+++ b/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 {