highlighting current month and current year to replace the today button

need to remove the nav arrows and today button to clean up the ui, adding background
highlighting to the current month of the current only

diff --git a/css/front.css b/css/front.css
index e348751..9260de3 100755 (executable)
--- a/css/front.css
+++ b/css/front.css
@@ -405,10 +405,10 @@ a.fc-time-grid-event.fc-v-event {
 .month-nav:hover, .year-nav:hover{
     cursor: pointer;
 }
-/*.current-date{
+.current-date{
     background: #f5822a;
     color: white;
-}*/
+}
 @media (max-width: 640px) and (min-width: 320px){
     .view-select{
         float: left;

diff --git a/views/front/events/agenda.html b/views/front/events/agenda.html
index b0139a9..cfa3b0c 100644 (file)
--- a/views/front/events/agenda.html
+++ b/views/front/events/agenda.html
@@ -297,9 +297,9 @@
            $('#month-nav-container').empty();
 
            $.each(new_months, function(index, value){
-            
-               if(value.date == current_month.selector){
-                   {literal} var option = $('<div>', {class: 'month-nav date-highlight',text: value.name}); {/literal}
+
+               if(value.date == current_month.selector && year === current_year.selector ){
+                   {literal} var option = $('<div>', {class: 'month-nav date-highlight current-date',text: value.name}); {/literal}
                } else {
                    {literal} var option = $('<div>', {class: 'month-nav',text: value.name}); {/literal}
                }