@asd20/ui 3.2.1016 → 3.2.1017

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.
Files changed (5) hide show
  1. package/package.json +1 -1
  2. package/src/components/molecules/Asd20Notification/index.vue +1 -0
  3. package/src/components/organisms/Asd20NotificationGroup/index.vue +1 -0
  4. package/src/components/organisms/Asd20SecondaryHeader/index.vue +10 -12
  5. package/src/components/organisms/Asd20VideoHeaderContent/index.vue +23 -8
package/package.json CHANGED
@@ -5,7 +5,7 @@
5
5
  "*.scss",
6
6
  "*.vue"
7
7
  ],
8
- "version": "3.2.1016",
8
+ "version": "3.2.1017",
9
9
  "private": false,
10
10
  "license": "MIT",
11
11
  "repository": {
package/src/components/molecules/Asd20Notification/index.vue CHANGED
@@ -298,6 +298,7 @@ export default {
298
298
 
299
299
  &.asd20-notification--inline {
300
300
  box-shadow: 0 0 0 5px #70b4c2;
301
+ border-radius: var(--website-shape__radius-s);
301
302
  .asd20-icon {
302
303
  --line-color: #23464e;
303
304
  --fill-color: #70b4c2;
package/src/components/organisms/Asd20NotificationGroup/index.vue CHANGED
@@ -379,6 +379,7 @@ export default {
379
379
  top: 0;
380
380
  transform: translateY(0) scale(1);
381
381
  min-width: 300px;
382
+ border-radius: var(--website-shape__radius-s);
382
383
  &:first-child {
383
384
  z-index: 9;
384
385
  .asd20-notification__content, g {
package/src/components/organisms/Asd20SecondaryHeader/index.vue CHANGED
@@ -136,22 +136,20 @@ export default {
136
136
  background-image: url('https://asd20websitestorage.blob.core.windows.net/asd20-images/page-images/asd20-header-divider.jpg');
137
137
  background-size: cover;
138
138
  background-position: 20% top;
139
+ // background-attachment: scroll;
140
+ // background-repeat: repeat-x;
141
+ // animation: leftscroll 4000s infinite linear;
139
142
  // transform: rotateY(180deg);
140
143
  // transform: translate3d(0, calc(-10% * var(--scroll-progress)), 0);
141
144
  // opacity: 0.5;
142
145
  }
143
- // &::after {
144
- // content: '';
145
- // display: block;
146
- // position: absolute;
147
- // width: 100%;
148
- // bottom: space(-1);
149
- // left: space(2);
150
- // height: space(2);
151
- // background-image: url('https://asd20websitestorage.blob.core.windows.net/asd20-images/page-images/asd20-header-divider.jpg');
152
- // background-size: 100% auto;
153
- // // transform: translate3d(0, calc(-10% * var(--scroll-progress)), 0);
154
- // // opacity: 0.5;
146
+ // @keyframes leftscroll {
147
+ // from {
148
+ // background-position: 0%;
149
+ // }
150
+ // to {
151
+ // background-position: 10000%;
152
+ // }
155
153
  // }
156
154
  }
157
155
  @media (min-width: 667px) {
package/src/components/organisms/Asd20VideoHeaderContent/index.vue CHANGED
@@ -80,6 +80,8 @@ export default {
80
80
  var(--website-homepage-header__background-style);
81
81
  padding: space(3) space(1) space(1) space(1);
82
82
  height: auto;
83
+ border-radius: 0 var(--website-shape__radius-s)
84
+ var(--website-shape__radius-s) 0;
83
85
  }
84
86
 
85
87
  &::v-deep .asd20-messaging__heading {
@@ -220,6 +222,7 @@ export default {
220
222
  var(--website-homepage-header__background-style);
221
223
  }
222
224
  .header-messaging-section {
225
+ display: relative;
223
226
  border-bottom: none;
224
227
  // width: 80%;
225
228
  &::v-deep .asd20-messaging {
@@ -236,18 +239,30 @@ export default {
236
239
  // animation: slide_left2 1.25s ease-in-out 0.75s both;
237
240
  }
238
241
  }
242
+ // &::after {
243
+ // content: '';
244
+ // display: block;
245
+ // position: absolute;
246
+ // width: 75%;
247
+ // top: 0;
248
+ // left: 3.25rem;
249
+ // height: 100%;
250
+ // right: 0;
251
+ // z-index: -1;
252
+ // border-left: 30px solid var(--website-homepage-header__accent);
253
+ // animation: slide_down 2.5s ease-in-out 0.5s both;
254
+ // }
255
+
239
256
  &::after {
240
257
  content: '';
241
- display: block;
242
258
  position: absolute;
243
- width: 75%;
244
- top: 0;
245
- left: 3.25rem;
246
- height: 100%;
247
- right: 0;
259
+ inset: 0 auto 0 3.25rem; /* top:0; right:auto; bottom:0; left:3.25rem; */
260
+ width: 30px;
261
+ background: var(--website-homepage-header__accent);
262
+ border-radius: var(--website-shape__radius-s) 0 0 var(--website-shape__radius-s);
263
+ /* Make sure it sits behind the messaging card */
248
264
  z-index: -1;
249
- border-left: 30px solid var(--website-homepage-header__accent);
250
- animation: slide_down 2.5s ease-in-out 0.5s both;
265
+ animation: slide_left2 2.5s ease-in-out 0s both;
251
266
  }
252
267
  }
253
268
  &::v-deep .asd20-messaging__button-group {