From c68c5f0b65f43f64af2cb5e4f0d3a7229298e34a Mon Sep 17 00:00:00 2001 From: Laury GvR Date: Mon, 8 Aug 2016 10:59:48 -0400 Subject: [PATCH] Styles for the grid view member list image filler --- css/front.css | 14 +++ views/front/members/grid.html | 222 +++++++++++++++++----------------- views/front/members/list.html | 34 +++--- 3 files changed, 142 insertions(+), 128 deletions(-) diff --git a/css/front.css b/css/front.css index bf3e9e77..66c0e14d 100644 --- a/css/front.css +++ b/css/front.css @@ -444,18 +444,32 @@ glm-member-db-list.glm-member-db-grid-view .glm-member-list-image { .glm-member-db-grid-view .glm-member-list-sub-links:last-child { /* text-align: right;*/ } +.glm-member-db-grid-view.filters-closed #glm-member-list-terms, .glm-member-db-grid-view.filters-closed .glm-member-list-listing-container, .glm-member-db-grid-view.filters-closed .glm-member-db-list-header-title { width: 100%; float: right; transition: all 0.5s; } +.glm-member-db-grid-view.filters-opened #glm-member-list-terms, .glm-member-db-grid-view.filters-opened .glm-member-list-listing-container, .glm-member-db-grid-view.filters-opened .glm-member-db-list-header-title { width: 80%; float: right; transition: all 0.5s; } +.glm-member-db-grid-view .glm-member-list-image-wrapper { + position: relative; +} +.glm-member-db-grid-view .glm-member-list-image { + bottom: 0; + left: 0; + min-height: 100%; + min-width: 100%; + position: absolute; + right: 0; + top: 0; +} /* * Grid-view styles end */ diff --git a/views/front/members/grid.html b/views/front/members/grid.html index c04db8dd..b094d46c 100644 --- a/views/front/members/grid.html +++ b/views/front/members/grid.html @@ -97,118 +97,118 @@
  • {apply_filters('glm-member-db-front-members-list-memberAbove', '', $m.id)}
    -
    - - {if $settings.list_show_detail_link} - - {/if} - {if $m.logo && $settings.list_show_logo}
    - - -
    - {else} -
    - -
    - {/if} - {if $settings.list_show_detail_link} -     - {/if} -
    -

    - {if $settings.list_show_detail_link} - - {$m.member} - - {else} - {$m.member} - {/if} - -

    - -
    - {if $m.url && $settings.list_show_url}Website{/if} - {if $m.phone && $settings.list_map_show_phone}Phone{/if} - More - {apply_filters('glm-member-db-front-members-list-memberBelow', '', $m.id)} -
    +
    + + {if $settings.list_show_detail_link} + + {/if} + {if $m.logo && $settings.list_show_logo}
    + + +
    + {else} +
    + +
    + {/if} + {if $settings.list_show_detail_link} +     + {/if} +
    +

    + {if $settings.list_show_detail_link} + + {$m.member} + + {else} + {$m.member} + {/if} + +

    - -
    - {apply_filters('glm-member-db-front-members-list-mapBubbleTop', '', $m.id)} - {if $m.logo && $settings.list_map_show_logo} -
    - -
    - {/if} -
    - {if $settings.list_map_show_detaillink} - {$m.member} - {else} - {$m.member} - {/if} -
    - {if $settings.list_map_show_address} -

    - {if $settings.list_map_show_street} - {if $m.addr1}{$m.addr1}
    {/if} - {if $m.addr2}{$m.addr2}
    {/if} - {/if} - {if $settings.list_map_show_citystatezip} - {if $m.city}{$m.city}{if $m.state.value}, {/if}{/if}{if $m.state.value}{$m.state.value}{/if}{if $m.zip} {$m.zip}{/if} - {/if} - {if $m.country.name && $settings.list_map_show_country} -
    {$m.country.name} - {/if} -

    - {/if} {*list_map_show_address*} -
    -

    - {if $m.phone && $settings.list_map_show_phone}Phone: {$m.phone}
    {/if} - {if $m.toll_free && $settings.list_map_show_tollfree}Toll Free: {$m.toll_free}
    {/if} - {if $m.url && $settings.list_map_show_url}Web site: {$m.url}
    {/if} - {if $m.email && $settings.list_map_show_email}E-Mail Address: {$m.email}
    {/if} - {if $m.region && $settings.list_map_show_region}Region: {$m.region}{/if} -

    - {if $m.descr && $settings.list_map_show_descr}{$m.descr|nl2br}
    {/if} - {if $m.short_descr && $settings.list_map_show_short_descr}{$m.short_descr}
    {/if} - {if $m.categories && $settings.list_map_show_categories} -
    - {$terms.term_member_cap} Categories -
      - {foreach $m.categories as $c} -
    • - {if $c.parent_name}{$c.parent_name}: {/if}{$c.name} -
      • - {/foreach} -
    -
    - {/if} - {if $m.cc_type && $settings.list_map_show_creditcards} -
    - Credit Cards Accepted: -
      - {foreach $m.cc_type.names as $c} -
    • {$c}
      • - {/foreach} -
    -
    - {/if} - {if $settings.list_map_show_amenities} -
    - Amenities: -
      - {foreach $m.amenities as $a} -
    • {$a.name}
      • - {/foreach} -
    -
    - {/if} -
    - {apply_filters('glm-member-db-front-members-list-mapBubbleBottom', '', $m.id)} -
    -
    -
    • +
    + {if $m.url && $settings.list_show_url}Website{/if} + {if $m.phone && $settings.list_map_show_phone}Phone{/if} + More + {apply_filters('glm-member-db-front-members-list-memberBelow', '', $m.id)} +
    + + +
    + {apply_filters('glm-member-db-front-members-list-mapBubbleTop', '', $m.id)} + {if $m.logo && $settings.list_map_show_logo} +
    + +
    + {/if} +
    + {if $settings.list_map_show_detaillink} + {$m.member} + {else} + {$m.member} + {/if} +
    + {if $settings.list_map_show_address} +

    + {if $settings.list_map_show_street} + {if $m.addr1}{$m.addr1}
    {/if} + {if $m.addr2}{$m.addr2}
    {/if} + {/if} + {if $settings.list_map_show_citystatezip} + {if $m.city}{$m.city}{if $m.state.value}, {/if}{/if}{if $m.state.value}{$m.state.value}{/if}{if $m.zip} {$m.zip}{/if} + {/if} + {if $m.country.name && $settings.list_map_show_country} +
    {$m.country.name} + {/if} +

    + {/if} {*list_map_show_address*} +
    +

    + {if $m.phone && $settings.list_map_show_phone}Phone: {$m.phone}
    {/if} + {if $m.toll_free && $settings.list_map_show_tollfree}Toll Free: {$m.toll_free}
    {/if} + {if $m.url && $settings.list_map_show_url}Web site: {$m.url}
    {/if} + {if $m.email && $settings.list_map_show_email}E-Mail Address: {$m.email}
    {/if} + {if $m.region && $settings.list_map_show_region}Region: {$m.region}{/if} +

    + {if $m.descr && $settings.list_map_show_descr}{$m.descr|nl2br}
    {/if} + {if $m.short_descr && $settings.list_map_show_short_descr}{$m.short_descr}
    {/if} + {if $m.categories && $settings.list_map_show_categories} +
    + {$terms.term_member_cap} Categories +
      + {foreach $m.categories as $c} +
    • + {if $c.parent_name}{$c.parent_name}: {/if}{$c.name} +
      • + {/foreach} +
    +
    + {/if} + {if $m.cc_type && $settings.list_map_show_creditcards} +
    + Credit Cards Accepted: +
      + {foreach $m.cc_type.names as $c} +
    • {$c}
      • + {/foreach} +
    +
    + {/if} + {if $settings.list_map_show_amenities} +
    + Amenities: +
      + {foreach $m.amenities as $a} +
    • {$a.name}
      • + {/foreach} +
    +
    + {/if} +
    + {apply_filters('glm-member-db-front-members-list-mapBubbleBottom', '', $m.id)} +
    + + {/foreach} {*$members*} diff --git a/views/front/members/list.html b/views/front/members/list.html index 28dd9f2c..42ef0bfc 100644 --- a/views/front/members/list.html +++ b/views/front/members/list.html @@ -78,7 +78,7 @@

    List of {$terms.term_member_plur_cap}

    {if $haveMembers} -

    {$terms.term_member_plur_cap} found: {$membersFound}

    +
    {$terms.term_member_plur_cap} found: {$membersFound}
    {apply_filters('glm-member-db-front-members-list-listHeaderBottom', '')} @@ -102,20 +102,20 @@
    {if $settings.list_show_detail_link} - + {/if} {if $m.logo && $settings.list_show_logo} -
    - - -
    +
    + + +
    {else} -
    - -
    +
    + +
    {/if} {if $settings.list_show_detail_link} -     + {/if}

    @@ -224,13 +224,13 @@
    - {if $m.logo && $settings.list_show_logo} -
    -
    - -
    -
    - {/if} + {if $m.logo && $settings.list_show_logo} +
    +
    + +
    +
    + {/if}
    -- 2.17.1