@asd20/ui 3.2.925 → 3.2.926

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
@@ -5,7 +5,7 @@
5
5
  "*.scss",
6
6
  "*.vue"
7
7
  ],
8
- "version": "3.2.925",
8
+ "version": "3.2.926",
9
9
  "private": false,
10
10
  "license": "MIT",
11
11
  "repository": {
@@ -3,7 +3,11 @@
3
3
  class="asd20-logo"
4
4
  :class="classes"
5
5
  :href="link"
6
- :aria-label="`${title} ${subtitle} An Academy District 20 School`"
6
+ :aria-label="
7
+ tagline
8
+ ? `${abbreviatedTitle} ${subtitle}, An Academy District 20 School`
9
+ : `${abbreviatedTitle} ${subtitle}`
10
+ "
7
11
  >
8
12
  <figure class="asd20-logo__image">
9
13
  <img v-if="image" :src="image" alt="Our school logo." />
@@ -13,13 +17,12 @@
13
17
  <small v-if="subtitle" class="asd20-logo__subtitle">
14
18
  {{ subtitle }}
15
19
  </small>
16
- <div v-if="tagline" class="asd20-logo__tagline">
20
+ <span v-if="tagline" class="asd20-logo__tagline">
17
21
  An Academy District 20 School
18
22
  <!-- <hr />
19
23
  <i>We educate and inspire students to thrive.</i> -->
20
- </div>
24
+ </span>
21
25
  </component>
22
-
23
26
  </a>
24
27
  </template>
25
28
 
@@ -142,7 +145,7 @@ export default {
142
145
  &__tagline {
143
146
  width: 100%;
144
147
  color: var(--logo-subtitle-color, var(--color__secondary));
145
- margin-top: space(0.50);
148
+ margin-top: space(0.5);
146
149
  font-family: var(--website-typography__font-family-headlines);
147
150
  font-weight: var(--website-typography__font-weight-body, normal);
148
151
  font-size: 0.75rem;
@@ -11,11 +11,11 @@
11
11
  :columns-tablet="2"
12
12
  :columns-desktop="2"
13
13
  >
14
- <div v-for="video in videos" :key="video.id">
14
+ <div v-for="(video, index) in videos" :key="video.id">
15
15
  <div class="video-container">
16
16
  <iframe
17
17
  :src="video.embedUrl"
18
- :title="title"
18
+ :title="`Video ${index + 1}`"
19
19
  frameborder="0"
20
20
  allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
21
21
  allowfullscreen
@@ -29,7 +29,7 @@
29
29
  </client-only>
30
30
 
31
31
  <!-- Headers -->
32
- <section class="logo-header">
32
+ <section class="logo-header" role="banner">
33
33
  <client-only>
34
34
  <asd20-organization-picker
35
35
  :organization-options="organizationOptions"