@asd20/ui 3.5.3 → 3.5.5

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 (3) hide show
  1. package/package.json +1 -1
  2. package/src/components/organisms/Asd20VideoHeader/index.vue +2 -2
  3. package/src/components/organisms/Asd20VideoHeaderContent/index.vue +14 -13
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@asd20/ui",
3
- "version": "3.5.3",
3
+ "version": "3.5.5",
4
4
  "private": false,
5
5
  "license": "MIT",
6
6
  "sideEffects": [
package/src/components/organisms/Asd20VideoHeader/index.vue CHANGED
@@ -268,7 +268,7 @@ export default {
268
268
  height: 50%;
269
269
  background: linear-gradient(
270
270
  170deg,
271
- rgba(6, 11, 31, 0.6) 10%,
271
+ rgba(6, 11, 31, 0.7) 10%,
272
272
  rgba(6, 11, 31, 0) 50%,
273
273
  transparent 100%
274
274
  );
@@ -303,7 +303,7 @@ export default {
303
303
  padding: 0;
304
304
  z-index: 101;
305
305
  position: absolute;
306
- margin: space(2) space(1) space(2) space(2);
306
+ margin: space(0.5) space(1) space(2) space(2);
307
307
  width: 95%;
308
308
  display: flex;
309
309
  }
package/src/components/organisms/Asd20VideoHeaderContent/index.vue CHANGED
@@ -248,7 +248,9 @@ export default {
248
248
  // width: 80%;
249
249
  &::v-deep .asd20-messaging {
250
250
  padding: space(1);
251
- // margin-left: space(3);
251
+ border-right: 30px inset var(--website-homepage-header__accent);
252
+ border-radius: 0 var(--website-shape__radius-l)
253
+ var(--website-shape__radius-l) 0;
252
254
  .asd20-messaging__content {
253
255
  margin: 0;
254
256
  animation: slide_right 2s ease-in-out 0.5s both;
@@ -274,18 +276,17 @@ export default {
274
276
  // animation: slide_down 2.5s ease-in-out 0.5s both;
275
277
  // }
276
278
 
277
- &::after {
278
- content: '';
279
- position: absolute;
280
- inset: 0 -30px 0 auto; /* top:0; right:auto; bottom:0; left:3.25rem; */
281
- width: 30px;
282
- background: var(--website-homepage-header__accent);
283
- border-radius: 0 var(--website-shape__radius-l) var(--website-shape__radius-l) 0;
284
- // border-radius: var(--website-shape__radius-m) 0 0 var(--website-shape__radius-m);
285
- /* Make sure it sits behind the messaging card */
286
- z-index: -1;
287
- // animation: slide_right2 1s ease-in-out 1.5s both;
288
- }
279
+ // &::after {
280
+ // content: '';
281
+ // position: absolute;
282
+ // inset: 0 -30px 0 auto; /* top:0; right:auto; bottom:0; left:3.25rem; */
283
+ // width: 30px;
284
+ // background: var(--website-homepage-header__accent);
285
+ // border-radius: 0 var(--website-shape__radius-l) var(--website-shape__radius-l) 0;
286
+ // border-radius: var(--website-shape__radius-m) 0 0 var(--website-shape__radius-m);
287
+ // z-index: -1;
288
+ // animation: slide_right2 1s ease-in-out 1.5s both;
289
+ // }
289
290
  }
290
291
  &::v-deep .asd20-messaging__button-group {
291
292
  flex-wrap: wrap;