@explorer-1/vue 0.2.94 → 0.2.95

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/CHANGELOG.md CHANGED
@@ -1,5 +1,13 @@
1
1
  # @explorer-1/vue
2
2
 
3
+ ## 0.2.95
4
+
5
+ ### Patch Changes
6
+
7
+ - c06cf28: Adding srcset to HeroLarge component
8
+ - 4bcdacd: Hides Jump Menu when overscrolling
9
+ - f750419: Fixing anchor link positioning on EDU Lesson pages.
10
+
3
11
  ## 0.2.94
4
12
 
5
13
  ### Patch Changes
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@explorer-1/vue",
3
- "version": "0.2.94",
3
+ "version": "0.2.95",
4
4
  "private": false,
5
5
  "publishConfig": {
6
6
  "access": "public"
@@ -4,7 +4,7 @@
4
4
  <picture v-if="image && image.src">
5
5
  <source
6
6
  media="(min-width: 768px)"
7
- :srcset="image.srcSet"
7
+ :srcset="theSrcSet"
8
8
  />
9
9
  <source
10
10
  media="(min-width: 420px)"
@@ -71,7 +71,7 @@
71
71
  </template>
72
72
  <script lang="ts">
73
73
  import { defineComponent } from 'vue'
74
- import { mixinTransparentHeader } from './../../utils/mixins'
74
+ import { mixinTransparentHeader, mixinGetSrcSet } from './../../utils/mixins'
75
75
  import { mapStores } from 'pinia'
76
76
  import { useThemeStore } from '../../store/theme'
77
77
  import BasePill from './../BasePill/BasePill.vue'
@@ -119,7 +119,14 @@ export default defineComponent({
119
119
  }
120
120
  },
121
121
  computed: {
122
- ...mapStores(useThemeStore)
122
+ ...mapStores(useThemeStore),
123
+ theSrcSet() {
124
+ return this.image
125
+ ? mixinGetSrcSet(this.image)
126
+ ? mixinGetSrcSet(this.image)
127
+ : this.image.srcSet
128
+ : undefined
129
+ }
123
130
  },
124
131
  mounted() {
125
132
  mixinTransparentHeader()
@@ -185,6 +185,9 @@ watch(
185
185
  &.-ready {
186
186
  @apply visible #{!important};
187
187
  }
188
+ &.-at-top {
189
+ @apply invisible #{!important};
190
+ }
188
191
  .NavSecondaryLink.secondary-root {
189
192
  span {
190
193
  @apply border-primary #{!important};
@@ -7,7 +7,8 @@
7
7
  :class="{
8
8
  'has-intro': hasIntro,
9
9
  '!bg-transparent border-none': invert,
10
- '-scrolled-up': scrollDirection === 'up'
10
+ '-scrolled-up': scrollDirection === 'up',
11
+ '-at-top': posY === 0
11
12
  }"
12
13
  >
13
14
  <div
@@ -124,7 +124,6 @@ const { heading, blocks, image, procedures, text } = reactive(props)
124
124
  @return math.div($pxValue, 16) * 1rem;
125
125
  }
126
126
  .PageEduLessonSection {
127
- @apply overflow-x-hidden;
128
127
  .PageEduProcedureSection {
129
128
  .PageEduProcedureSectionSteps {
130
129
  counter-reset: step;