@asd20/ui 3.2.779 → 3.2.781

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.779",
8
+ "version": "3.2.781",
9
9
  "private": false,
10
10
  "license": "MIT",
11
11
  "repository": {
@@ -22,10 +22,10 @@
22
22
  >
23
23
  <asd20-icon v-if="icon" :name="icon" size="md" />
24
24
  {{ title }}
25
- <span class="version" v-if="version && !zoomed" v-html="version"></span>
26
25
  </div>
27
26
  <asd20-district-logo link="https://www.asd20.org" />
28
27
  </h1>
28
+ <span class="version" v-if="version && !zoomed" v-html="version"></span>
29
29
  <slot />
30
30
  </header>
31
31
  </template>
@@ -102,23 +102,19 @@ export default {
102
102
  margin: 0 space(0.5);
103
103
  --line-color: white;
104
104
  }
105
- .version {
106
- position: absolute;
107
- top: space(3);
108
- right: space(-0.45);
109
- display: block;
110
- font-size: 0.65rem;
111
- color: lightgray;
112
- text-transform: uppercase;
113
- margin-left: space(0.5);
114
- margin-right: space(0.5);
115
- order: 2;
116
- small {
117
- font-size: 0.5em;
118
- opacity: 1;
119
- color: var(--website-card__reverse-background-color);
120
- }
121
- }
105
+ }
106
+ .version {
107
+ position: absolute;
108
+ top: space(3);
109
+ right: space(-0.45);
110
+ display: block;
111
+ font-size: 0.75rem;
112
+ font-family: var(--website-typography__font-family-headlines);
113
+ color: lightgray;
114
+ text-transform: uppercase;
115
+ margin-left: space(0.5);
116
+ margin-right: space(0.5);
117
+ order: 2;
122
118
  }
123
119
 
124
120
  .asd20-district-logo {
@@ -23,7 +23,6 @@
23
23
  :href="websiteLogoProps.logoLink ? websiteLogoProps.logoLink : ''"
24
24
  >
25
25
  <img
26
- class="optionalLogo"
27
26
  :src="
28
27
  websiteLogoProps.logoImageUrl ? websiteLogoProps.logoImageUrl : ''
29
28
  "
@@ -239,6 +238,9 @@ export default {
239
238
  // margin-left: space(1);
240
239
  max-width: 6rem;
241
240
  }
241
+ .optionalLogo a {
242
+ padding-top: 2rem;
243
+ }
242
244
  }
243
245
 
244
246
  .hours {
@@ -364,6 +366,9 @@ export default {
364
366
  display: flex;
365
367
  justify-content: space-between;
366
368
  padding-bottom: space(2);
369
+ .optionalLogo a {
370
+ padding-top: 4rem;
371
+ }
367
372
  img {
368
373
  margin-top: space(-1);
369
374
  max-width: 12rem;
@@ -91,6 +91,7 @@
91
91
  ? login.callsToAction[0].label
92
92
  : 'Login'
93
93
  "
94
+ :aria-label="`Login to ${login.title}`"
94
95
  :link="login.callsToAction[0].url || ''"
95
96
  />
96
97
  <template>