@asd20/ui 3.2.375 → 3.2.376

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/organisms/Asd20VideoHeader/index.vue +1 -13
  3. package/src/components/organisms/Asd20VideoHeaderContent/index.vue +5 -3
  4. package/src/components/templates/Asd20DistrictVideoTemplate/index.vue +2 -9
package/package.json CHANGED
@@ -5,7 +5,7 @@
5
5
  "*.scss",
6
6
  "*.vue"
7
7
  ],
8
- "version": "3.2.375",
8
+ "version": "3.2.376",
9
9
  "private": false,
10
10
  "license": "MIT",
11
11
  "repository": {
package/src/components/organisms/Asd20VideoHeader/index.vue CHANGED
@@ -80,29 +80,17 @@ export default {
80
80
  flex-direction: column;
81
81
  color: asd20-swatch('primary');
82
82
  box-sizing: border-box;
83
- // margin-bottom: space(1);
84
-
85
83
  .background-video {
86
84
  display: none;
87
85
  }
88
-
89
86
  .background-image {
90
87
  display: block;
91
88
  // position: absolute;
92
- height: 100vh;
89
+ height: 90vh;
93
90
  width: 100%;
94
91
  z-index: -1;
95
92
  object-fit: cover;
96
93
  }
97
- img {
98
- display: block;
99
- width: auto;
100
- height: 100%;
101
- align-self: flex-start;
102
- height: 100%;
103
- object-fit: cover;
104
- // object-position: 100% 0;
105
- }
106
94
  & /deep/ .notification-group--status .notifications {
107
95
  padding: 0.25em;
108
96
  border-radius: 1em;
package/src/components/organisms/Asd20VideoHeaderContent/index.vue CHANGED
@@ -57,6 +57,7 @@ export default {
57
57
  // background: rgba(51, 92, 155, 0.7);
58
58
  background: var(--website-homepage-header__background-color);
59
59
  padding: space(1);
60
+ height: 100vh;
60
61
  }
61
62
 
62
63
  &::v-deep .asd20-messaging__heading {
@@ -92,8 +93,8 @@ export default {
92
93
  }
93
94
  .header-messaging-section {
94
95
  // border-bottom: 10px solid var(--color__accent);
95
- .asd20-messaging__content {
96
- // width: 85%;
96
+ &::v-deep .asd20-messaging__content {
97
+ margin-top: space(5);
97
98
  }
98
99
  }
99
100
  }
@@ -101,12 +102,14 @@ export default {
101
102
  .asd20-video-header-content {
102
103
  width: 100%;
103
104
  .asd20-messaging {
105
+ height: inherit;
104
106
  background: var(--website-homepage-header__background-color)
105
107
  var(--website-homepage-header__background-style);
106
108
  }
107
109
  &::v-deep .header-messaging-section {
108
110
  .asd20-messaging__content {
109
111
  width: 100%;
112
+ margin-top: 0;
110
113
  }
111
114
  }
112
115
  }
@@ -134,7 +137,6 @@ export default {
134
137
  content: '';
135
138
  display: block;
136
139
  position: absolute;
137
- height: space(10);
138
140
  width: 45%;
139
141
  bottom: space(-.75);
140
142
  left: space(1.25);
package/src/components/templates/Asd20DistrictVideoTemplate/index.vue CHANGED
@@ -160,23 +160,16 @@ export default {
160
160
  margin-top: space(2.25);
161
161
  .asd20-video-header-content {
162
162
  position: absolute;
163
- bottom: 30%;
164
- // .asd20-messaging__button-group {
165
- // justify-content: center;
166
- // }
163
+ top: space(1);
167
164
  }
168
165
  }
169
166
 
170
167
  @media (min-width: 768px) {
171
168
  .asd20-district-video-template {
172
169
  .asd20-video-header-content {
170
+ top: inherit;
173
171
  bottom: 20%;
174
172
  }
175
- // .lead {
176
- // margin-bottom: 0;
177
- // width: 90%;
178
- // font-size: 18px;
179
- // }
180
173
  }
181
174
  }
182
175