-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
6 changed files
with
83 additions
and
54 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,6 +1,4 @@ | ||
| main.main-content { | ||
| overflow: hidden; | ||
|
|
||
| &::before { | ||
| content: ''; | ||
| display: block; | ||
|
|
||
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
105 changes: 66 additions & 39 deletions
105
partials/views/page-events-calendar/page-events-calendar-item-grid.dust
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,54 +1,81 @@ | ||
| <div class="events__item has-height-100 {item_classes.grid.item|s}"> | ||
| {?image} | ||
| <div class="image is-relative is-4by3" aria-hidden="true"> | ||
| <a href="{url}" aria-hidden="true" tabindex="-1"> | ||
| <img src="{image}" alt="" class="objectfit-image"> | ||
| </a> | ||
|
|
||
| <div class="events__item entry mb-6 has-width-100 has-height-100"> | ||
| <div class="image is-5by3 mb-3"> | ||
| {?primary_keyword} | ||
| <span class="pill is-absolute has-bottom-2 has-left-2 is-bordered is-secondary"> | ||
| {primary_keyword|s} | ||
| <span href="{category.permalink|url}" class="pill is-absolute has-top-0 has-left-0 m-4 is-family-secondary {category_link_classes|attr}"> | ||
| {primary_keyword|html} | ||
| </span> | ||
| {/primary_keyword} | ||
|
|
||
| {?image} | ||
| <a href="{url|url}" aria-hidden="true" tabindex="-1" | ||
| class="is-block is-absolute has-top-0 has-right-0 has-bottom-0 has-left-0"> | ||
| <img src="{image|url}" loading="lazy" alt="" class="objectfit-image"> | ||
| </a> | ||
| {/image} | ||
| </div> | ||
| {/image} | ||
|
|
||
| <div class="events__item-inner pt-5 pb-6 {item_classes.grid.item_inner|s}"> | ||
| <h3 class="h5 mt-0 mb-5"> | ||
| <a href="{url}" class="has-text-black"> | ||
| {name|s} | ||
| </a> | ||
| </h3> | ||
| <div class="events__item-inner p-3"> | ||
| <h2 class="is-family-secondary h5 mt-0 mb-3"> | ||
| <a href="{url|url}"> | ||
| {name|html} | ||
| </a> | ||
| </h2> | ||
|
|
||
| <p class="has-text-small"> | ||
| {short_description|s} | ||
| </p> | ||
| <p class="has-text-small"> | ||
| {short_description|s} | ||
| </p> | ||
|
|
||
| <div class="events__meta is-flex is-family-secondary is-align-items-center"> | ||
| <span class="is-flex" aria-label="{Strings.s.event.date|s}"> | ||
| {>"ui/icon" icon="date" class="icon--large is-primary mr-2 {item_classes.grid.icon|s}" /} | ||
| </span> | ||
|
|
||
| {date|s} | ||
| </div> | ||
|
|
||
| <div class="events__meta is-flex is-family-secondary is-align-items-center"> | ||
| <span class="is-flex" aria-label="{Strings.s.event.time|s}"> | ||
| {>"ui/icon" icon="time" class="icon--large is-primary mr-2 {item_classes.grid.icon|s}" /} | ||
| </span> | ||
| <div class="is-flex is-align-items-center mt-2 mb-2 {classes.event_item_text|attr}"> | ||
| <span class="is-flex" aria-label="{Strings.s.event.date|attr}"> | ||
| {>"ui/icon" icon="date" class="icon--large is-primary mr-4" /} | ||
| </span> | ||
|
|
||
| {time|s} | ||
| </div> | ||
| <p class="m-0 is-family-secondary"> | ||
| {date|kses} | ||
| </p> | ||
| </div> | ||
|
|
||
| {?location.name} | ||
| <div class="events__meta is-flex is-family-secondary is-align-items-center"> | ||
| <span class="is-flex" aria-label="{Strings.s.event.location|s}"> | ||
| {>"ui/icon" icon=location_icon class="icon--large is-primary mr-2 {item_classes.grid.icon|s}" /} | ||
| <div class="is-flex is-align-items-center mt-2 mb-2 {classes.event_item_text|attr}"> | ||
| <span class="is-flex" aria-label="{Strings.s.event.time|attr}"> | ||
| {>"ui/icon" icon="time" class="icon--large is-primary mr-4" /} | ||
| </span> | ||
|
|
||
| {location.name|s} | ||
| <p class="m-0 is-family-secondary"> | ||
| {time|kses} | ||
| </p> | ||
| </div> | ||
| {/location.name} | ||
|
|
||
| {?location.name} | ||
| <div class="is-flex is-align-items-center mt-2 mb-2 {classes.event_item_text|attr}"> | ||
| <span class="is-flex" aria-label="{Strings.s.event.location|attr}"> | ||
| {>"ui/icon" icon="location" class="icon--large is-primary mr-4" /} | ||
| </span> | ||
|
|
||
| <p class="m-0 is-family-secondary"> | ||
| {location.name|html} | ||
| </p> | ||
|
|
||
| </div> | ||
| {/location.name} | ||
|
|
||
| {#price} | ||
| {?is_free} | ||
| <div class="is-flex is-align-items-center mt-2 mb-2 {classes.event_item_text|attr}"> | ||
| <span class="is-flex" aria-label="{Strings.s.event.price|attr}"> | ||
| {>"ui/icon" icon="euro" class="icon--large is-primary mr-2" /} | ||
| </span> | ||
| <p class="m-0 is-family-secondary"> | ||
| {price|html} | ||
| </p> | ||
| </div> | ||
| {/is_free} | ||
| {/price} | ||
|
|
||
| {?url} | ||
| <a href="{url|url}" class="button is-primary is-outlined is-small is-hidden-desktop mt-4"> | ||
| {Strings.s.common.read_more|html} | ||
| </a> | ||
| {/url} | ||
| </div> | ||
| </div> | ||
| </div> |