fix for spacing problem when collapsed

for some reason we need a space in TiNG code but not in NG1 code.. But it can't be a none breaking space (outside of the label) in TiNG code because that will afffect when it shouldn't show the label
Servoy · Apr 25, 2022 · 7d00d13 · 7d00d13
1 parent a3e30b3
commit 7d00d13
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/projects/servoyextracomponents/src/sidenav/sidenav.html b/projects/servoyextracomponents/src/sidenav/sidenav.html
@@ -18,7 +18,7 @@
                     <!-- Main Menu Items -->
                     <a *ngIf="!item.isDivider" class="svy-sidenav-item sn-level-1" [ngClass]="item.styleClass" (click)="selectItem(1, $index, item, $event)" [svyTooltip]="item.tooltip">
                         <i class="svy-sidenav-item-icon" [ngClass]="item.iconStyleClass"></i>
-                        &nbsp;<span class="svy-sidenav-item-text">{{item.text}}</span>
+                        <span class="svy-sidenav-item-text"> {{item.text}}</span>
                         <i class="svy-sidenav-collapse-icon sn-level-1 pull-right"
                            [ngClass]="item.menuItems ? (expandedIndex[1] == item.id ? iconCollapseStyleClass : iconExpandStyleClass) : 'hidden'" 
                             (click)="toggleExpandedItem(1, $index, item, $event)"
@@ -36,7 +36,7 @@
                             <!-- Second Menu Items -->
                             <a *ngIf="!item2.isDivider" class="svy-sidenav-item sn-level-2" [ngClass]="item2.styleClass" (click)="selectItem(2, $index, item2, $event)" [svyTooltip]="item2.tooltip">
                                 <i class="svy-sidenav-item-icon" [ngClass]="item2.iconStyleClass"></i>
-                                &nbsp;<span class="svy-sidenav-item-text">{{item2.text}}</span>
+                                <span class="svy-sidenav-item-text"> {{item2.text}}</span>
                                 <i class="svy-sidenav-collapse-icon sn-level-2 pull-right" 
                                     [ngClass]="item2.menuItems ? (expandedIndex[2] == item2.id ? iconCollapseStyleClass : iconExpandStyleClass) : 'hidden'"
                                     (click)="toggleExpandedItem(2, $index, item2, $event)"
@@ -53,7 +53,7 @@
                                     <!-- Third Menu Items -->
                                     <a *ngIf="!item3.isDivider" class="svy-sidenav-item sn-level-3" [ngClass]="item3.styleClass" (click)="selectItem(3, $index, item3, $event)" [svyTooltip]="item3.tooltip">
                                         <i class="svy-sidenav-item-icon" [ngClass]="item3.iconStyleClass"></i>
-                                        &nbsp;<span class="svy-sidenav-item-text">{{item3.text}}</span>
+                                        <span class="svy-sidenav-item-text"> {{item3.text}}</span>
                                         <i class="svy-sidenav-collapse-icon sn-level-3 pull-right" 
                                             [ngClass]="item3.menuItems ? (expandedIndex[3] == item3.id ? iconCollapseStyleClass : iconExpandStyleClass) : 'hidden'"
                                             (click)="toggleExpandedItem(3, $index, item3, $event)"
@@ -70,7 +70,7 @@
                                             <!-- Second Menu Items -->
                                             <a *ngIf="!item4.isDivider" class="svy-sidenav-item sn-level-4" [ngClass]="item4.styleClass" (click)="selectItem(4, $index, item4, $event)" [svyTooltip]="item4.tooltip">
                                                 <i class="svy-sidenav-item-icon" ng-class="item4.iconStyleClass"></i>
-                                                &nbsp;<span class="svy-sidenav-item-text">{{item4.text}}</span>
+                                                <span class="svy-sidenav-item-text"> {{item4.text}}</span>
                                             </a>
                                             <div *ngIf="item4.isDivider" class="svy-sidenav-divider sn-level-4" [ngClass]="item4.styleClass"> 
                                             </div>