Andreas/ngx-admin
1
0
Fork 0
mirror of https://github.com/akveo/ngx-admin.git synced 2025-12-16 15:40:11 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix(roomSelector): IE11 room selector blur fix

Browse source
This commit is contained in:
Vladimir Lugovsky 2017-09-20 12:42:56 +03:00
parent f0325bab13
commit a0fbdf3636
3 changed files with 4 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/app/pages/dashboard/rooms/room-selector/room-selector.component.html
View file

@ -76,9 +76,9 @@
</g>
<g [attr.id]="room.id" [class.selected-room]="selectedRoom == room.id" *ngFor="let room of sortedRooms">
<path class="room-bg" (click)="selectRoom(room.id)" [attr.d]="room.area.d" />
<path class="room-bg" (click)="selectRoom(room.id)" [attr.d]="room.area.d" [style.filter]="isIE ? 'inherit': ''" />
<path class="room-border" [attr.d]="room.border.d" />
<path class="room-border room-border-glow" [attr.d]="room.border.d" />
<path class="room-border room-border-glow" [attr.d]="room.border.d" [style.filter]="isIE ? 'inherit': ''" />
<text class="room-text" (click)="selectRoom(room.id)" text-anchor="middle"
[attr.x]="room.name.x" [attr.y]="room.name.y">{{room.name.text}}</text>
</g>

1
src/app/pages/dashboard/rooms/room-selector/room-selector.component.scss
View file

@ -47,6 +47,7 @@
.room-text {
cursor: pointer;
user-select: none;
pointer-events: none;
fill: nb-theme(color-fg);
}

1
src/app/pages/dashboard/rooms/room-selector/room-selector.component.ts
View file

@ -11,6 +11,7 @@ export class RoomSelectorComponent {
selectedRoom: null;
sortedRooms = [];
viewBox = '-20 -20 618.88 407.99';
isIE = !!(navigator.userAgent.match(/Trident/) || !!navigator.userAgent.match(/MSIE/));
roomSvg = {
borders: [{
d: 'M186.21,130.05H216.37V160H186.21Z',