-
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.
release(2.1.10): responsive filters ouitoulia/diagraphe/issues#27
- Loading branch information
Showing
1 changed file
with
93 additions
and
0 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
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,93 @@ | ||
{# | ||
/** | ||
* @file | ||
* Default theme implementation to display a single page. | ||
* | ||
* The doctype, html, head and body tags are not in this template. Instead they | ||
* can be found in the html.html.twig template in this directory. | ||
* | ||
* Available variables: | ||
* | ||
* General utility variables: | ||
* - base_path: The base URL path of the Drupal installation. Will usually be | ||
* "/" unless you have installed Drupal in a sub-directory. | ||
* - is_front: A flag indicating if the current page is the front page. | ||
* - logged_in: A flag indicating if the user is registered and signed in. | ||
* - is_admin: A flag indicating if the user has permission to access | ||
* administration pages. | ||
* | ||
* Site identity: | ||
* - front_page: The URL of the front page. Use this instead of base_path when | ||
* linking to the front page. This includes the language domain or prefix. | ||
* | ||
* Page content (in order of occurrence in the default page.html.twig): | ||
* - messages: Status and error messages. Should be displayed prominently. | ||
* - node: Fully loaded node, if there is an automatically-loaded node | ||
* associated with the page and the node ID is the second argument in the | ||
* page's path (e.g. node/12345 and node/12345/revisions, but not | ||
* comment/reply/12345). | ||
* | ||
* Regions: | ||
* - page.header: Items for the header region. | ||
* - page.primary_menu: Items for the primary menu region. | ||
* - page.secondary_menu: Items for the secondary menu region. | ||
* - page.highlighted: Items for the highlighted content region. | ||
* - page.help: Dynamic help text, mostly for admin pages. | ||
* - page.content: The main content of the current page. | ||
* - page.sidebar_first: Items for the first sidebar. | ||
* - page.sidebar_second: Items for the second sidebar. | ||
* - page.footer: Items for the footer region. | ||
* - page.breadcrumb: Items for the breadcrumb region. | ||
* | ||
* @see template_preprocess_page() | ||
* @see html.html.twig | ||
* | ||
* @ingroup themeable | ||
*/ | ||
#} | ||
{% apply spaceless %} | ||
<div id="page--risultati-ricerca"> | ||
{% include '@skenografia/layout/header/_partial.header.html.twig' %} | ||
{% include '@bootstrap_italia/layout/content/_partial.before-content.html.twig' %} | ||
{% embed '@bootstrap_italia/layout/content/_partial.content.html.twig' %} | ||
{% block contentMain %} | ||
<div class="offcanvas offcanvas-end d-md-block" tabindex="-1" id="sidebar" aria-labelledby="sidebarLabel"> | ||
<div class="offcanvas-header"> | ||
<h2 class="offcanvas-title" id="sidebarLabel">Filtri</h2> | ||
<button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button> | ||
</div> | ||
<div class="offcanvas-body"> | ||
{{ page.sidebar_first }} | ||
</div> | ||
</div> | ||
<section class="section bg-white border-top border-bottom d-block d-lg-none mt-3"> | ||
<div class="container d-flex justify-content-between align-items-center py-3"> | ||
<h2 class="h6 text-uppercase mb-0"><strong>Filtri</strong></h2> | ||
<button class="btn btn-link d-lg-none" type="button" data-bs-toggle="offcanvas" data-bs-target="#sidebar" aria-expanded="false" aria-controls="sidebar"> | ||
{% include '@bi-bcl/icon/icon.html.twig' with {name: 'icon-filters'} %} | ||
</button> | ||
</div> | ||
</section> | ||
<section class="bg-gray-light mt-lg-5"> | ||
<div class="container"> | ||
<div class="row variable-gutters"> | ||
<div class="col-lg-3 pt-5 bg-white bg-white-left affix-parent d-none d-lg-block"> | ||
<aside class="aside-list affix-top mb-5"> | ||
<h2 class="visually-hidden">Filtri</h2> | ||
<p class="visually-hidden">Di seguito una serie di filtri per affinare la tua ricerca.</p> | ||
{{ page.sidebar_first }} | ||
</aside> | ||
</div> | ||
<div class="col-lg-7 offset-lg-1 pt-5 mt-lg-5"> | ||
<h2 class="visually-hidden">Lista dei risultati</h2> | ||
{{ page.content }} | ||
</div> | ||
</div> | ||
</div> | ||
</section> | ||
{% endblock %} | ||
{% endembed %} | ||
{% include '@bootstrap_italia/layout/content/_partial.after-content.html.twig' %} | ||
{% include '@skenografia/layout/footer/_partial.footer.html.twig' %} | ||
</div> | ||
{% endapply %} |