Skip to content

Commit b0242ed

Browse files
release: fixes
- Fixed broken notice layout on checkout page - Updated dependencies
2 parents ff67392 + 1fda646 commit b0242ed

File tree

2 files changed

+36
-18
lines changed

2 files changed

+36
-18
lines changed

assets/scss/components/compat/woocommerce/_notices.scss

Lines changed: 25 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -13,10 +13,10 @@
1313
.woocommerce-error,
1414
.woocommerce-message {
1515
display: flex;
16-
align-items: center;
17-
flex-direction: column-reverse;
18-
text-align: center;
19-
padding: 15px;
16+
align-items: start;
17+
flex-direction: column;
18+
text-align: start;
19+
padding: 15px 15px 15px 45px;
2020
--btnfs: $text-sm;
2121
--primarybtnpadding: 10px 15px;
2222
--primarybtnborderwidth: 3px;
@@ -36,6 +36,7 @@
3636
margin-top: $spacing-sm;
3737
white-space: normal;
3838
margin-left: auto;
39+
text-align: center;
3940
}
4041
}
4142

@@ -144,10 +145,9 @@ $blockNotices: (
144145
.woocommerce-info,
145146
.woocommerce-error,
146147
.woocommerce-message {
147-
flex-direction: row-reverse;
148-
justify-content: flex-end;
149148
text-align: left;
150149
padding-left: $spacing-aired;
150+
align-items: center;
151151

152152
a,
153153
.button {
@@ -160,9 +160,27 @@ $blockNotices: (
160160
&::before {
161161
display: flex;
162162
top: 0;
163-
align-items: center;
164163
height: 100%;
165164
color: #fff;
166165
}
167166
}
167+
168+
.woocommerce-info,
169+
.woocommerce-message {
170+
flex-direction: row-reverse;
171+
justify-content: flex-end;
172+
173+
&::before {
174+
align-items: center;
175+
}
176+
}
177+
178+
.woocommerce-error {
179+
flex-direction: column-reverse;
180+
181+
&::before {
182+
align-items: start;
183+
padding-top: 15px;
184+
}
185+
}
168186
}

composer.lock

Lines changed: 11 additions & 11 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)