@asd20/ui 3.2.628 → 3.2.630

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 (4) hide show
  1. package/package.json +1 -1
  2. package/src/components/atoms/Asd20Messaging/index.vue +9 -23
  3. package/src/components/organisms/Asd20PageContent/index.vue +2 -2
  4. package/src/components/templates/Asd20WayfindingImageTemplate/index.vue +2 -1
package/package.json CHANGED
@@ -5,7 +5,7 @@
5
5
  "*.scss",
6
6
  "*.vue"
7
7
  ],
8
- "version": "3.2.628",
8
+ "version": "3.2.630",
9
9
  "private": false,
10
10
  "license": "MIT",
11
11
  "repository": {
package/src/components/atoms/Asd20Messaging/index.vue CHANGED
@@ -158,12 +158,15 @@ export default {
158
158
  margin: space(0.25) space(0.25) 0 0;
159
159
  }
160
160
  }
161
+ &__content {
162
+ align-self: stretch;
163
+ }
161
164
  &__body-content {
162
165
  margin-bottom: space(1);
163
166
  }
164
167
 
165
168
  &--padded {
166
- padding: space(1);
169
+ padding: space(0.5);
167
170
  }
168
171
  &--fullscreen {
169
172
  // & + .asd20-messaging--fullscreen {
@@ -172,6 +175,8 @@ export default {
172
175
  padding: space(1);
173
176
 
174
177
  & > .message-image {
178
+ display: flex;
179
+ align-self: stretch;
175
180
  padding: 0;
176
181
  margin: 0;
177
182
  // overflow: hidden;
@@ -203,37 +208,18 @@ export default {
203
208
  z-index: -1;
204
209
  }
205
210
 
206
- // &::before {
207
- // content: '';
208
- // display: block;
209
- // position: relative;
210
- // z-index: 2;
211
- // grid-column: -1 / -2;
212
- // grid-row: 1 / -1;
213
- // height: 70%;
214
- // align-self: center;
215
- // background: var(--color__primary);
216
- // transform: translate3d(0, calc(20% * var(--scroll-progress)), 0);
217
- // }
218
-
219
211
  .asd20-messaging__content {
220
212
  position: relative;
221
213
  z-index: 1;
222
- // grid-row: 1 / -1;
223
- // grid-column: 1 / 4;
224
- // background: var(--website-page__background-color);
225
- // padding: 0 0 0 space(2);
226
214
  height: min-content;
227
- align-self: center;
215
+ // align-self: center;
228
216
  transform: translate3d(0, calc(10% * var(--scroll-progress)), 0);
229
217
  }
230
218
 
231
219
  .message-image {
232
220
  position: relative;
233
- // overflow: hidden;
234
- // grid-column: 3 / -2;
235
- // grid-row: 2 / -2;
236
- padding-right: space(2);
221
+ padding-top: 0.5rem;
222
+ padding-right: space(1);
237
223
  margin: 0;
238
224
  // height: 100%;
239
225
  // width: 20vw;
package/src/components/organisms/Asd20PageContent/index.vue CHANGED
@@ -179,7 +179,7 @@ export default {
179
179
  }
180
180
  .primary-messaging-section,
181
181
  .secondary-messaging-section {
182
- display: block;
182
+ display: flex;
183
183
  padding: space(2) space(2) space(2) space(2);
184
184
  &::v-deep > * {
185
185
  // flex: 1 1 var(--minimum-column-width);
@@ -213,7 +213,7 @@ export default {
213
213
  &--grid {
214
214
  .primary-messaging-section,
215
215
  .secondary-messaging-section {
216
- --minimum-column-width: 480px;
216
+ // --minimum-column-width: 480px;
217
217
  --gutter: #{space(1)};
218
218
  display: flex;
219
219
  flex-wrap: wrap;
package/src/components/templates/Asd20WayfindingImageTemplate/index.vue CHANGED
@@ -87,6 +87,7 @@
87
87
  :secondary-messages="secondaryMessages"
88
88
  omit-body-content
89
89
  grid
90
+ fullscreen
90
91
  />
91
92
 
92
93
  <!-- Feed Section -->
@@ -324,7 +325,7 @@ export default {
324
325
  &--grid {
325
326
  .primary-messaging-section,
326
327
  .secondary-messaging-section {
327
- --minimum-column-width: 480px;
328
+ --minimum-column-width: 1000px;
328
329
  --gutter: #{space(1)};
329
330
  display: flex;
330
331
  flex-wrap: wrap;