purchasing/fuse-angular
3
0
Fork 0
mirror of https://github.com/richard-loafle/fuse-angular.git synced 2025-01-10 12:35:07 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add !important tag to the sibling's margin on sidebar folded

Browse Source
This commit is contained in:
Sercan Yemen 2018-06-15 17:01:02 +03:00
parent 58ab766edf
commit 1e47c79f15
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/@fuse/components/sidebar/sidebar.component.ts
View File

@ -1,4 +1,4 @@
import { ChangeDetectorRef, Component, ElementRef, HostBinding, HostListener, Input, OnDestroy, OnInit, Renderer2, ViewEncapsulation } from '@angular/core'; import { ChangeDetectorRef, Component, ElementRef, HostBinding, HostListener, Input, OnDestroy, OnInit, Renderer2, RendererStyleFlags2, ViewEncapsulation } from '@angular/core';
import { animate, AnimationBuilder, AnimationPlayer, style } from '@angular/animations'; import { animate, AnimationBuilder, AnimationPlayer, style } from '@angular/animations';
import { ObservableMedia } from '@angular/flex-layout'; import { ObservableMedia } from '@angular/flex-layout';
import { Subject } from 'rxjs'; import { Subject } from 'rxjs';
@ -118,12 +118,12 @@ export class FuseSidebarComponent implements OnInit, OnDestroy
if ( this.position === 'left' ) if ( this.position === 'left' )
{ {
sibling = this._elementRef.nativeElement.nextElementSibling; sibling = this._elementRef.nativeElement.nextElementSibling;
styleRule = 'marginLeft'; styleRule = 'margin-left';
} }
else else
{ {
sibling = this._elementRef.nativeElement.previousElementSibling; sibling = this._elementRef.nativeElement.previousElementSibling;
styleRule = 'marginRight'; styleRule = 'margin-right';
} }
// If there is no sibling, return... // If there is no sibling, return...
@ -136,7 +136,7 @@ export class FuseSidebarComponent implements OnInit, OnDestroy
if ( value ) if ( value )
{ {
// Set the style // Set the style
this._renderer.setStyle(sibling, styleRule, styleValue); this._renderer.setStyle(sibling, styleRule, styleValue, RendererStyleFlags2.Important + RendererStyleFlags2.DashCase);
} }
// If unfolded... // If unfolded...
else else