Member detail view stripped of left/right class
authorLaury GvR <laury@gaslightmedia.com>
Tue, 27 Sep 2016 15:42:35 +0000 (11:42 -0400)
committerLaury GvR <laury@gaslightmedia.com>
Tue, 27 Sep 2016 15:42:35 +0000 (11:42 -0400)
The 'left' and 'right' class added styling through foundation
which was no longer necessary or desired. This is now replaced by
actual css and our new glm-grid styles.

views/front/members/detail.html

index abfe318..3e2cdb1 100644 (file)
 
             
 <!-- Attributes: amenitities, credit cards, etc -->
-            <div id="glm-member-detail-descr-row" class="small-12 medium-8 columns">
+            <div id="glm-member-detail-descr-row" class="glm-small-12 glm-medium-8 columns">
                 {apply_filters('glm-member-db-front-members-detail-attributesTop', '', $member.id)}
                 {if $featuredImage}
                 <div class="glm-member-detail-featured-image-wrapper small-12 columns">
                 <div id="glm-member-detail-data-container">
                     <div id="glm-member-detail-description-toggle" class="glm-member-detail-content-toggle">Description</div>
                     <div id="glm-member-detail-description-container" class="glm-member-detail-content-data">
-                        {if $member.descr && $settings.detail_show_descr}
-                            {apply_filters('glm-member-db-front-members-detail-descriptionTop', '', $member.id)}
-                            {$member.descr|nl2br}
-                            {apply_filters('glm-member-db-front-members-detail-descriptionBottom', '', $member.id)}
-                        {/if}
+                        <div id="glm-member-detail-description" >
+                            {if $member.descr && $settings.detail_show_descr}
+                                {apply_filters('glm-member-db-front-members-detail-descriptionTop', '', $member.id)}
+                                {$member.descr|nl2br}
+                                {apply_filters('glm-member-db-front-members-detail-descriptionBottom', '', $member.id)}
+                            {/if}
+                        </div>
                         <div class="glm-member-detail-sub-data-links row">
-                            <a class="left glm-member-detail-content-toggle">Collapse</a>
-                            <a class="right link-to-top">Back to top</a>
+                            <a class="glm-member-detail-content-toggle">Collapse</a>
+                            <a class="glm-member-detail-link-to-top">Back to top</a>
                         </div>
                     </div>
                     {apply_filters('glm-member-db-front-members-detail-descriptionAfter', '', $member.id)}
                             </ul>
                         {apply_filters('glm-member-db-front-members-detail-galleryBottom', '', $member.id)}
                         <div class="glm-member-detail-sub-data-links row">
-                            <a class="left glm-member-detail-content-toggle">Collapse</a>
-                            <a class="right link-to-top">Back to top</a>
+                            <a class="glm-member-detail-content-toggle">Collapse</a>
+                            <a class="glm-member-detail-link-to-top">Back to top</a>
                         </div>
                     </div>    
                     {/if}
                     <div id="glm-member-detail-coupons-container" class="glm-member-detail-content-data small-12">
                         <a name="glm-member-detail-coupons"></a>
                         <div class="glm-member-detail-sub-data-links row">
-                            <a class="left glm-member-detail-content-toggle">Collapse</a>
-                            <a class="right link-to-top">Back to top</a>
+                            <a class="glm-member-detail-content-toggle">Collapse</a>
+                            <a class="glm-member-detail-link-to-top">Back to top</a>
                         </div>
                     </div>
                     {/if}
                             {/foreach}
                         </table>
                         <div class="glm-member-detail-sub-data-links row">
-                            <a class="left glm-member-detail-content-toggle">Collapse</a>
-                            <a class="right link-to-top">Back to top</a>
+                            <a class="glm-member-detail-content-toggle">Collapse</a>
+                            <a class="glm-member-detail-link-to-top">Back to top</a>
                         </div>
                     </div>
                     {/if}
                 {/foreach}
                         </table>
                         <div class="glm-member-detail-sub-data-links row">
-                            <a class="left glm-member-detail-content-toggle">Collapse</a>
-                            <a class="right link-to-top">Back to top</a>
+                            <a class="glm-member-detail-content-toggle">Collapse</a>
+                            <a class="glm-member-detail-link-to-top">Back to top</a>
                         </div>
                     </div>
                     {/if}
                             {/foreach}
                         </table>
                         <div class="glm-member-detail-sub-data-links row">
-                            <a class="left glm-member-detail-content-toggle">Collapse</a>
-                            <a class="right link-to-top">Back to top</a>
+                            <a class="glm-member-detail-content-toggle">Collapse</a>
+                            <a class="glm-member-detail-link-to-top">Back to top</a>
                         </div>
                     </div>
                     {/if}
                             <div class="glm-member-detail-video-descr"><p>{$member.video_descr}</p></div>
                         </table>
                         <div class="glm-member-detail-sub-data-links row">
-                            <a class="left glm-member-detail-content-toggle">Collapse</a>
-                            <a class="right link-to-top">Back to top</a>
+                            <a class="glm-member-detail-content-toggle">Collapse</a>
+                            <a class="glm-member-detail-link-to-top">Back to top</a>
                         </div>
                     </div>
                     {/if}
                             <div class="glm-member-detail-live-cam-descr"><p>{$member.live_cam_descr}</p></div>
                         </table>
                         <div class="glm-member-detail-sub-data-links row">
-                            <a class="left glm-member-detail-content-toggle">Collapse</a>
-                            <a class="right link-to-top">Back to top</a>
+                            <a class="glm-member-detail-content-toggle">Collapse</a>
+                            <a class="glm-member-detail-link-to-top">Back to top</a>
                         </div>
                     </div>
                     {/if}
                 e.preventDefault();
             });
     
-            $('.link-to-top').click(function () {
+            $('.glm-member-detail-link-to-top').click(function () {
                 $('body,html').animate({
                     scrollTop: $("#glm-member-detail-takeback-mini").offset().top-10
                 }, 75);