henry-search 1.0.21 → 1.0.22

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "henry-search",
3
- "version": "1.0.21",
3
+ "version": "1.0.22",
4
4
  "description": "Searches a typesense archive of musical performances",
5
5
  "main": "js/main.js",
6
6
  "scripts": {
@@ -64,9 +64,9 @@ const showAudioLinks = (event) => {
64
64
  <template v-else>
65
65
  <div :class="`eventLinks ${ props.extraClasses }`">
66
66
  <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
67
- <circle cx="9" cy="9" r="8.5" />
68
- <path d="M5 9H13" stroke-width="1.5"/>
69
- <path d="M9 5L13 9L9 13" stroke-width="1.5"/>
67
+ <circle cx="9" cy="9" r="8.5" vector-effect="non-scaling-stroke"/>
68
+ <path d="M5 9H13" stroke-width="1.5" vector-effect="non-scaling-stroke"/>
69
+ <path d="M9 5L13 9L9 13" stroke-width="1.5" vector-effect="non-scaling-stroke"/>
70
70
  </svg>
71
71
  <a class="eventLinks__details" :href="`/details?performanceId=${props.item.id}`" :title="formatDate(item.performance_date) + ' Details'">Details</a>
72
72
  </div>
@@ -27,7 +27,7 @@ const props = defineProps({
27
27
 
28
28
  const performance = ref(null)
29
29
 
30
- const searchHistory = ref(JSON.parse(sessionStorage.getItem('searchHistory')))
30
+ const previousPageUrl = ref(sessionStorage.getItem('previousPageUrl'))
31
31
 
32
32
 
33
33
  onMounted(() => {
@@ -122,7 +122,7 @@ const createURL = (facet, value) => {
122
122
 
123
123
  <template>
124
124
  <template v-if="performance">
125
- <div class="breadCrumb"><a :href="searchHistory && searchHistory.length ? searchHistory[searchHistory.length - 1].link : '/'">Back to Search Results</a></div>
125
+ <div class="breadCrumb"><a :href="previousPageUrl ? previousPageUrl : '/'">Back to Search Results</a></div>
126
126
  <div class="performance__details">
127
127
  <div class="performance__header">
128
128
  <h1>{{ formatDate(performance.performance_date, 'detail') }} Performance Detail</h1>
@@ -95,6 +95,7 @@
95
95
  const queryString = qsModule.stringify(routeState);
96
96
 
97
97
  const uiState = qsModule.parse(location.search.slice(1))
98
+ sessionStorage.setItem('previousPageUrl', window.location.href)
98
99
 
99
100
  updateSearchHistory(uiState)
100
101
 
@@ -157,6 +158,7 @@
157
158
  const leftPane = document.getElementById(`${props.indexName}_eventsSearch__results`)
158
159
  const containers = document.querySelectorAll('.container')
159
160
  const otherHiddenEls = document.querySelectorAll('.mobileHide')
161
+ wrapper.classList.remove('closed')
160
162
  wrapper.classList.toggle('openMobile')
161
163
  leftPane.classList.toggle('openMobile')
162
164
  containers.forEach((el) => {
@@ -261,7 +263,7 @@
261
263
  link: document.location.href
262
264
  })
263
265
  }
264
-
266
+
265
267
  sessionStorage.setItem('searchHistory', JSON.stringify(searchHistory))
266
268
  }
267
269
 
@@ -34,6 +34,8 @@
34
34
  svg {
35
35
  fill: var(--color-dark-blue);
36
36
  stroke: var(--color-white);
37
+ height: 18px;
38
+ min-width: 18px;
37
39
  }
38
40
  }
39
41
  .eventLinks:hover svg {
@@ -268,7 +268,7 @@
268
268
  }
269
269
 
270
270
  &__wrapper {
271
- overflow: scroll;
271
+ overflow-y: scroll;
272
272
  width: 100%;
273
273
  height: 100%;
274
274
  @include at(lg) {
@@ -3,7 +3,7 @@
3
3
  .performanceGrid {
4
4
  display: grid;
5
5
  grid-template-columns: 1fr 1fr;
6
- @include at(md) {
6
+ @include at(lg) {
7
7
  grid-template-columns: repeat(5, 1fr);
8
8
  margin-bottom: 6rem;
9
9
  }