Merge pull request #74 from rwilson504/ButtonEventOutline

Make Outline Match Border Colors

Author: rwilson504

Calendar/Calendar/CalendarControl.tsx

@@ -182,6 +182,12 @@ const generateThemeCSS = () : string =>{
         border-color: ${calendarBorderColor} !important;
     }
 
+    .rbc-event:focus,
+    .rbc-toolbar button:focus
+    {
+        outline: 5px auto ${calendarBorderColor};
+    }
+
     .rbc-day-slot .rbc-time-slot {
         border-color: ${calendarBorderColor.fade(.2)} !important;
     }	

Calendar/Calendar/css/react-big-calendar.css

@@ -187,13 +187,8 @@ button.rbc-input::-moz-focus-inner {
     cursor: inherit;
     pointer-events: none; }
   .rbc-event.rbc-selected {
-    background-color: #265985; }
-  .rbc-event:focus {
-    outline: 5px auto #3b99fc; }
-
-/* .rbc-event:hover{
-  opacity: .8;
-} */
+    background-color: #265985; 
+  }
 
 .rbc-event-label {
   font-size: 80%; }