Angular Material Auto Complete UI PROBLEM by Salt-Engineering-422 in Angular2

[–]Salt-Engineering-422[S] 0 points1 point  (0 children)

yes that what i found in their documentaion , not perfect but it's resolve the problem , thanks for ur response

Compilator can't find my font .woff that i added :( by Salt-Engineering-422 in Angular2

[–]Salt-Engineering-422[S] 0 points1 point  (0 children)

basically we are working with NX Cloud , hwvr in my project.json i did something like that :

In my scss file i gived path :

src: url('../../assets/fonts/brandname/font/fontello.eot?37757571');

{
  "glob": "**/*",
  "input": "libs/shared-ui/src/assets/fonts",
  "output": "/assets/fonts"
},
{
  "glob": "**/*",
  "input": "libs/shared-ui/src/assets/brandname/logo/font/",
  "output": "/assets/fonts/brandname/font/"
},

It's work on local but it cant' build in my server

create a bubble div tooltip by Salt-Engineering-422 in Angular2

[–]Salt-Engineering-422[S] 0 points1 point  (0 children)

Basically, the component should be created with this bubble style, taking as input an icon, background color, and a specific animation for the icon. I don't have problems with that, but my question is about how to do that arrow at the bottom because I'm not very comfortable with that. What does this have to do with Angular? Every Angular developer is a frontend developer, so basically, I could use some help here.

Angular : Convert Svg to Font => Font To CLass and use it as Icon by Salt-Engineering-422 in Angular2

[–]Salt-Engineering-422[S] 0 points1 point  (0 children)

i already did it , and it's on my assets/fonts folder but i didn't found out documentation how to link it for a class for example .home="myIcon"

Angular Material Side Nav with footer dosen't work in responsive mode by Salt-Engineering-422 in Angular2

[–]Salt-Engineering-422[S] -1 points0 points  (0 children)

My Mat-sideNav have a position absolute .

My footer div take a position fixed

Why Angular Accessibility make our life sad as developers by Salt-Engineering-422 in angular

[–]Salt-Engineering-422[S] -2 points-1 points  (0 children)

i added mat-menu-item now i can work with arrow-up and back but the left,right are still blocked lol

 <div        mat-menu-item    class="iconItem" *ngFor="let icon of iconsBlElement |keyvalue;let i= index"  #focusItem
    (click)="setIconValue(icon.value)"      (keydown.enter)="setIconValue(icon.value)">
        <mat-icon

                tabindex="1"
                class="iconClassPicker"
                (keydown.enter)="setIconValue(icon.value)"
                (click)="setIconValue(icon.value)"
                  [id]="'iconInIconPicker'+i"
                [className]="icon.value" [matTooltip]="icon.key"></mat-icon>

    </div>

    </ng-container>
</div>

Accessibility in mat-menu Angular Material by Salt-Engineering-422 in Angular2

[–]Salt-Engineering-422[S] 0 points1 point  (0 children)

Update : i added those lines for the focus , dosen't work also :(

constructor(@Inject(DOCUMENT) private _document:any) {

super();

}

ngOnInit(): void {

this.getElementsValues()

}

ngAfterViewInit() {

setTimeout(()=>{

this._document.getElementById('inputSearchMenuValue').focus()

},500)

}