Skip to content

Commit 8663483

Browse files
GrabowskiMGrabowskiM
committed
main layout
1 parent b0a8db3 commit 8663483

File tree

9 files changed

+126
-19
lines changed

9 files changed

+126
-19
lines changed

‎docs/css/instantsearch.css‎

Lines changed: 45 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,7 @@
1+
.md-content {
2+
margin: 0 auto;
3+
}
4+
15
.md-content .ais-InstantSearch {
26
letter-spacing: 0.12px;
37
}
@@ -120,3 +124,44 @@
120124
display: inline-block;
121125
padding-right: 12px;
122126
}
127+
128+
.md-content .ais-InstantSearch .ais-Pagination .ais-Pagination-list:not([hidden]) {
129+
display: flex;
130+
list-style: none;
131+
margin: 15px 0 0;
132+
display: flex;
133+
justify-content: flex-end;
134+
}
135+
136+
.md-content .ais-InstantSearch .ais-Pagination .ais-Pagination-list .ais-Pagination-item {
137+
margin: 0;
138+
}
139+
140+
.md-content .ais-InstantSearch .ais-Pagination .ais-Pagination-link {
141+
border: none;
142+
font-size: 14px;
143+
line-height: 21px;
144+
letter-spacing: 0.12px;
145+
color: var(--ibexa-dusk-black);
146+
height: 40px;
147+
min-width: 40px;
148+
display: flex;
149+
justify-content: center;
150+
align-items: center;
151+
}
152+
153+
.md-content .ais-InstantSearch .ais-Pagination .ais-Pagination-item--selected .ais-Pagination-link,
154+
.md-content .ais-InstantSearch .ais-Pagination .ais-Pagination-link:hover {
155+
background-color: #F3F3F6;
156+
border-radius: 5px;
157+
}
158+
159+
160+
161+
/* .ais-Pagination-item--firstPage .ais-Pagination-link,
162+
.ais-Pagination-item--previousPage .ais-Pagination-link,
163+
.ais-Pagination-item--nextPage .ais-Pagination-link,
164+
.ais-Pagination-item--lastPage .ais-Pagination-link
165+
{
166+
font-size: 20px;
167+
} */

‎docs/images/caret-back.svg‎

Lines changed: 4 additions & 0 deletions
Loading

‎docs/images/caret-double-back.svg‎

Lines changed: 10 additions & 0 deletions
Loading

‎docs/images/caret-double-next.svg‎

Lines changed: 10 additions & 0 deletions
Loading

‎docs/images/caret-next.svg‎

Lines changed: 4 additions & 0 deletions
Loading

‎docs/images/ez-icons.svg‎

Lines changed: 20 additions & 0 deletions
Loading

‎docs/js/instantsearch.js‎

Lines changed: 16 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -102,6 +102,8 @@
102102
</h2>`;
103103
let groupContentHTML = '';
104104

105+
console.log(children);
106+
105107
children.forEach((childHit) => {
106108
const { breadcrumbsKeys, entryNameKey, item: entryItem } = childHit;
107109
const headerHTML = `<h3 class="instantsearch__entry-header">
@@ -122,7 +124,7 @@
122124
</span>`
123125
});
124126

125-
const childHTML = `<a class="instantsearch__entry" href="${childHit.url}">
127+
const childHTML = `<a class="instantsearch__entry" href="${childHit.item.url}">
126128
${headerHTML}
127129
${contentHTML}
128130
<div class="instantsearch__entry-breadcrumbs">
@@ -144,14 +146,20 @@
144146
}),
145147
instantsearch.widgets.pagination({
146148
container: '#pagination',
147-
}),
148-
instantsearch.widgets.stats({
149-
container: '#pagination-stats',
149+
padding: 2,
150150
templates: {
151-
text(data, {html}) {
152-
let page = 1 + data.page;
153-
return html`<span>${page} / ${data.nbPages}</span>`;
154-
},
151+
first: `<svg class="tile-icon" width="16" height="16">
152+
<use fill="var(--ibexa-dusk-black)" xlink:href="../images/ez-icons.svg#caret-double-back"></use>
153+
</svg>`,
154+
previous: `<svg class="tile-icon" width="20" height="20">
155+
<use fill="var(--ibexa-dusk-black)" xlink:href="../images/ez-icons.svg#caret-back"></use>
156+
</svg>`,
157+
next: `<svg class="tile-icon" width="20" height="20">
158+
<use fill="var(--ibexa-dusk-black)" xlink:href="../images/ez-icons.svg#caret-next"></use>
159+
</svg>`,
160+
last: `<svg class="tile-icon" width="16" height="16">
161+
<use fill="var(--ibexa-dusk-black)" xlink:href="../images/ez-icons.svg#caret-double-next"></use>
162+
</svg>`,
155163
},
156164
}),
157165
instantsearch.widgets.refinementList({

‎mkdocs.yml‎

Lines changed: 0 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -648,7 +648,6 @@ extra_css:
648648
- css/page-not-found.css
649649
- css/navigation.css
650650
- css/docs.switcher.css
651-
- css/instantsearch.css
652651
- css/jquery-ui.min.css
653652
- '//cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css'
654653

@@ -657,7 +656,6 @@ extra_javascript:
657656
- js/jquery-ui.min.js
658657
- js/custom.js
659658
- js/docs.switcher.js
660-
- js/instantsearch.js
661659
- js/ez-guidelines-switchers.js
662660
- js/ez-guidelines-modals.js
663661
- js/ez-guidelines-tooltips.js

‎theme/instantsearch.html‎

Lines changed: 17 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,23 @@
11
{% extends "main.html" %}
22

3-
{% block extrahead %}
3+
{% block styles %}
44
{{ super() }}
5+
{% set site_url = config.site_url | default(nav.homepage.url, true) | url %}
6+
57
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/instantsearch.css@7/themes/algolia-min.css"/>
6-
<style>
7-
</style>
8+
<link rel="stylesheet" href="{{ site_url }}/css/instantsearch.css"/>
9+
{% endblock %}
10+
11+
{% block scripts %}
12+
{{ super() }}
13+
{% set site_url = config.site_url | default(nav.homepage.url, true) | url %}
14+
15+
<script src="https://cdn.jsdelivr.net/npm/algoliasearch@4/dist/algoliasearch-lite.umd.js"></script>
16+
<script src="https://cdn.jsdelivr.net/npm/instantsearch.js@4"></script>
17+
<script src="{{ site_url }}/js/instantsearch.js"></script>
18+
{% endblock %}
19+
20+
{% block site_nav %}
821
{% endblock %}
922

1023
{% block content %}
@@ -16,14 +29,9 @@
1629
</ul>
1730
<div id="stats"></div>
1831
<div id="searchbox"></div>
32+
<div id="version"></div>
1933
<div id="hits"></div>
2034
<div id="pagination"></div>
21-
<div id="pagination-stats"></div>
22-
<div id="version"></div>
2335
</div>
24-
25-
<script src="https://cdn.jsdelivr.net/npm/algoliasearch@4/dist/algoliasearch-lite.umd.js"></script>
26-
<script src="https://cdn.jsdelivr.net/npm/instantsearch.js@4"></script>
27-
2836
{% endraw %}
2937
{% endblock %}

0 commit comments

Comments
 (0)