@asd20/ui 3.2.819 → 3.2.821

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/atoms/Asd20Messaging/index.vue +12 -12
  3. package/src/components/organisms/Asd20PrimaryHeader/index.vue +3 -1
  4. package/src/components/organisms/Asd20SecondaryHeader/index.vue +5 -5
  5. package/src/design/_typography.scss +3 -3
package/package.json CHANGED
@@ -5,7 +5,7 @@
5
5
  "*.scss",
6
6
  "*.vue"
7
7
  ],
8
- "version": "3.2.819",
8
+ "version": "3.2.821",
9
9
  "private": false,
10
10
  "license": "MIT",
11
11
  "repository": {
package/src/components/atoms/Asd20Messaging/index.vue CHANGED
@@ -187,24 +187,24 @@ export default {
187
187
  & > img {
188
188
  display: block;
189
189
  width: 100%;
190
- max-height: 350px;
190
+ // max-height: 350px;
191
191
  object-fit: cover;
192
192
  }
193
193
  }
194
194
  }
195
195
  }
196
196
 
197
- @media (min-width: 768px) {
198
- .asd20-messaging {
199
- &--fullscreen {
200
- .message-image {
201
- img {
202
- max-height: 450px;
203
- }
204
- }
205
- }
206
- }
207
- }
197
+ // @media (min-width: 768px) {
198
+ // .asd20-messaging {
199
+ // &--fullscreen {
200
+ // .message-image {
201
+ // img {
202
+ // max-height: 450px;
203
+ // }
204
+ // }
205
+ // }
206
+ // }
207
+ // }
208
208
 
209
209
  @media (min-width: 1024px) {
210
210
  .asd20-messaging {
package/src/components/organisms/Asd20PrimaryHeader/index.vue CHANGED
@@ -83,6 +83,7 @@ export default {
83
83
  margin-top: space(1);
84
84
  .asd20-messaging {
85
85
  margin-right: 0;
86
+ padding-top: space(2);
86
87
  color: white !important;
87
88
  }
88
89
  &::v-deep .asd20-messaging__heading {
@@ -126,9 +127,10 @@ export default {
126
127
  width: 100%;
127
128
  top: space(-1);
128
129
  left: 0;
129
- height: space(2);
130
+ height: space(3);
130
131
  background-image: url('https://asd20websitestorage.blob.core.windows.net/asd20-images/page-images/asd20-header-divider.jpg');
131
132
  background-size: cover;
133
+ background-position: 55% top;
132
134
  }
133
135
  .image-container {
134
136
  width: 100%;
package/src/components/organisms/Asd20SecondaryHeader/index.vue CHANGED
@@ -51,7 +51,7 @@ export default {
51
51
  // margin-top: space(-1);
52
52
  img {
53
53
  width: 100% !important;
54
- height: 300px !important;
54
+ // height: 300px !important;
55
55
  }
56
56
  }
57
57
  &::v-deep .asd20-messaging__heading {
@@ -111,7 +111,7 @@ export default {
111
111
  height: space(3);
112
112
  background-image: url('https://asd20websitestorage.blob.core.windows.net/asd20-images/page-images/asd20-header-divider.jpg');
113
113
  background-size: cover;
114
- background-position: 60% top;
114
+ background-position: 20% top;
115
115
  // transform: rotateY(180deg);
116
116
  // transform: translate3d(0, calc(-10% * var(--scroll-progress)), 0);
117
117
  // opacity: 0.5;
@@ -155,9 +155,9 @@ export default {
155
155
  &::v-deep .asd20-messaging__content {
156
156
  padding: space(1);
157
157
  }
158
- &::v-deep .message-image img {
159
- height: 300px !important;
160
- }
158
+ // &::v-deep .message-image img {
159
+ // height: 300px !important;
160
+ // }
161
161
  }
162
162
  }
163
163
  @media (min-width: 1024px) {
package/src/design/_typography.scss CHANGED
@@ -126,10 +126,10 @@
126
126
  clear: both;
127
127
  width: 33%;
128
128
  }
129
- // If more than 30 items are in the list,
129
+ // If more than 20 items are in the list,
130
130
  // use flex to spread list across page
131
- .asd20-messaging li:first-child:nth-last-child(n+15),
132
- .asd20-messaging li:first-child:nth-last-child(n+15) ~ li {
131
+ .asd20-messaging li:first-child:nth-last-child(n+20),
132
+ .asd20-messaging li:first-child:nth-last-child(n+20) ~ li {
133
133
  // width: clamp(160px, 100vw/12, 100%);
134
134
  // padding-right: 1rem;
135
135
  // float:left;