adding days of week for recur events in agenda view in parenthesis next to the date...
authorAnthony Talarico <talarico@gaslightmedia.com>
Wed, 14 Sep 2016 19:15:45 +0000 (15:15 -0400)
committerAnthony Talarico <talarico@gaslightmedia.com>
Wed, 14 Sep 2016 19:15:45 +0000 (15:15 -0400)
css/front.css
views/front/events/agenda.html

index 5a16a6c..07483d2 100644 (file)
@@ -306,9 +306,13 @@ a.fc-time-grid-event.fc-v-event {
     font-weight: bold;
 }
 span.agenda-event-weekday:first-child{
-    display: inline-block;
-    margin-left: 10px;
+
 }
 .agenda-days-of-week{
-    display:inline-block;
+    display: inline-block;
+}
+@media (min-width: 385px){
+    .agenda-days-of-week{
+        margin-left: 15px;
+    }
 }
\ No newline at end of file
index 3fb04bc..9ec026a 100644 (file)
                             <div class="row glm-event-day-event">
                                 <div class="small-12 columns">
                                     <h2 class="agenda-event-name">{$event.name}</h2>                
-                                    <span class="agenda-event-recur-dates">{$event.dates}</span><br>
-                                     
-                                    {if !$event.all_day}
-                                        {if $event.starting_date|date_format:"%l:%M %P" == $event.ending_date|date_format:"%l:%M %P"}
-                                        <span class="agend-event-times">{$event.starting_date|date_format:"%l:%M %P"}</span>
-                                        {else}
-                                        <span class="agend-event-times"> {$event.starting_date|date_format:"%l:%M %P"} - {$event.ending_date|date_format:"%l:%M %P"}</span>
-                                        {/if}
-                                    {/if}
+                                    <span class="agenda-event-recur-dates">{$event.dates}</span>
                                     {if $event.recurrences.0.day_of_week.names|@count < 7}
-                                    <div class="agenda-days-of-week">
+                                    <div class="agenda-days-of-week">(
                                         {foreach $event.recurrences.0.day_of_week.names as $day}
                                         {if $day == "Thursday"}
                                             <span class="agenda-event-weekday"> {$day|substr:0:4} </span>
                                             <span class="agenda-event-weekday"> {$day|substr:0:3} </span>
                                          {/if}
                                          {/foreach}
+                                         )
                                     </div>
                                     {/if}
+                                     
+                                    {if !$event.all_day}
+                                        {if $event.starting_date|date_format:"%l:%M %P" == $event.ending_date|date_format:"%l:%M %P"}
+                                        <div class="agend-event-times">{$event.starting_date|date_format:"%l:%M %P"}</div>
+                                        {else}
+                                        <div class="agend-event-times"> {$event.starting_date|date_format:"%l:%M %P"} - {$event.ending_date|date_format:"%l:%M %P"}</div>
+                                        {/if}
+                                    {/if}
+                                    
                                     <div class="event-content hide clearfix">
                                         {if $event.image}<img style="float:right;" src="{$imgUrl}{$event.image}">{/if}
                                         {$event.intro}