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(room): some room selector style changes (#12)

Browse source
This commit is contained in:
Dmitry Nehaychik 2017-07-07 19:29:29 +03:00 • committed by GitHub
parent 7a265e6f35
commit ce8055ca84
2 changed files with 7 additions and 4 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

@ -3,7 +3,7 @@
<defs>
<filter id="f2" x="-50%" y="-50%" width="200%" height="200%">
<feGaussianBlur result="blurOut" in="StrokePaint" stdDeviation="10" />
<feGaussianBlur result="blurOut" in="StrokePaint" stdDeviation="3" />
</filter>
<pattern id="New_Pattern_Swatch_1" data-name="New Pattern Swatch 1" width="60" height="60"
@ -74,9 +74,9 @@
</g>
<g [attr.id]="room.id" [class.selected-room]="selectedRoom == room.id" *ngFor="let room of sortedRooms">
<path class="room-bg-border-grad" (click)="roomSelected(room.id)" [attr.d]="room.area.d" />
<path class="room-bg" (click)="roomSelected(room.id)" [attr.d]="room.area.d" />
<path class="room-border" [attr.d]="room.border.d" />
<path class="room-border room-border-glow" [attr.d]="room.border.d" />
<text class="room-text" (click)="roomSelected(room.id)" text-anchor="middle"
[attr.x]="room.name.x" [attr.y]="room.name.y">{{room.name.text}}</text>
</g>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.6 KiB

After

Width:  |  Height:  |  Size: 5.6 KiB

Before After
Before After

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

@ -57,8 +57,8 @@ svg {
.selected-room {
z-index: 40;
.room-bg {
stroke: rgba(0, 255, 170, 1);
fill: rgba(0, 255, 170, 0.5);
//stroke: rgba(0, 255, 170, 1);
fill: rgba(0, 255, 170, 0.2);
filter: url('#f2');
}
@ -69,4 +69,7 @@ svg {
.room-border {
stroke: #00f9a6;
}
.room-border-glow {
filter: url('#f2');
}
}