From ce8055ca84ff68c240d4cf06d3b33f84859b4d74 Mon Sep 17 00:00:00 2001
From: Dmitry Nehaychik <4dmitr@gmail.com>
Date: Fri, 7 Jul 2017 19:29:29 +0300
Subject: [PATCH] fix(room): some room selector style changes (#12)

---
 .../rooms/room-selector/room-selector.component.html       | 4 ++--
 .../rooms/room-selector/room-selector.component.scss       | 7 +++++--
 2 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/app/pages/dashboard/rooms/room-selector/room-selector.component.html b/src/app/pages/dashboard/rooms/room-selector/room-selector.component.html
index efa6a316..a8d47c37 100644
--- a/src/app/pages/dashboard/rooms/room-selector/room-selector.component.html
+++ b/src/app/pages/dashboard/rooms/room-selector/room-selector.component.html
@@ -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>
diff --git a/src/app/pages/dashboard/rooms/room-selector/room-selector.component.scss b/src/app/pages/dashboard/rooms/room-selector/room-selector.component.scss
index fc9c86ea..c2ddb197 100644
--- a/src/app/pages/dashboard/rooms/room-selector/room-selector.component.scss
+++ b/src/app/pages/dashboard/rooms/room-selector/room-selector.component.scss
@@ -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');
+  }
 }