Skip to content

Commit

Permalink
fix: date dash
Browse files Browse the repository at this point in the history
  • Loading branch information
alexanderleegs committed Aug 14, 2024
1 parent 0541abb commit 6a370a7
Showing 2 changed files with 12 additions and 1 deletion.
2 changes: 1 addition & 1 deletion _layouts/egazette-search-landing.html
Original file line number Diff line number Diff line change
@@ -22,7 +22,7 @@ <h2 class="h2 pb-3"><b>{{- page.title -}}</b></h2>
<div class="subhead-1"><b>Year</b></div>
<div class="is-flex algolia-landing-date-container">
<input class="input date-input" id="input-start-date" type="text" inputmode="numeric" placeholder="Start year" name="start-date" autocomplete="off" oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*?)\..*/g, '$1');">
<p>~</p>
<p class="date-dash">~</p>
<input class="input date-input" id="input-end-date" type="text" inputmode="numeric" placeholder="End year" name="end-date" autocomplete="off" oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*?)\..*/g, '$1');">
</div>
<div>
11 changes: 11 additions & 0 deletions assets/css/algolia.css
Original file line number Diff line number Diff line change
@@ -92,6 +92,17 @@
.algolia-landing-date-container {
gap: 0.75rem;
}
@media screen and (max-width: 769px) {
.algolia-landing-date-container {
flex-direction: column;
gap: 0;
width: 10rem;

.date-dash {
align-self: center;
}
}
}
#algolia-search-box-landing,
#input-start-date,
#input-end-date {

0 comments on commit 6a370a7

Please sign in to comment.