Steve-Dee-Designs
/
woocommerce
mirror of https://github.com/woocommerce/woocommerce.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Visual tweaks for shipping task partners (#37229) 

* Visual tweaks for 2 partners layout

* Add spacing between banner image and list

* Add changelog

* Add spacing between banner image and list

* Align buttons at the bottom

* Lint fix
This commit is contained in:
Moon 2023-03-19 21:33:10 -07:00 committed by GitHub
parent 7b10baff00
commit e8a00edaef
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 14 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
plugins/woocommerce-admin/client/tasks/fills/experimental-shipping-recommendation/components/plugin-banner.scss
View File

@ -1,5 +1,4 @@
.woocommerce-task-shipping-recommendation__plugins-install { .woocommerce-task-shipping-recommendation__plugins-install {
display: flex;
padding: $gap-large calc($gap + $gap-smallest); padding: $gap-large calc($gap + $gap-smallest);
border: 1px solid #ddd; border: 1px solid #ddd;
border-radius: 3px; border-radius: 3px;
@ -7,19 +6,20 @@
margin-bottom: $gap-large; margin-bottom: $gap-large;
&.dual { &.dual {
display: flex;
flex-direction: column; flex-direction: column;
justify-content: space-between; justify-content: flex-start;
width: 285px; width: 285px;
height: 322px;
p { p {
margin-top: 0; margin-top: 0;
margin-bottom: -$gap-smaller; margin-bottom: 15px;
color: $gray-700; color: $gray-700;
} }
.plugins-install__plugin-banner-image { .plugins-install__plugin-banner-image {
display: flex; display: flex;
margin-bottom: $gap-large;
img { img {
width: 120px; width: 120px;
height: 28px; height: 28px;
@ -28,8 +28,9 @@
} }
&.single { &.single {
display: flex;
.plugins-install__list { .plugins-install__list {
max-width: 380px; max-width: 360px;
} }
} }
@ -51,6 +52,10 @@
.woocommerce-task-shipping-recommendations_plugins-buttons { .woocommerce-task-shipping-recommendations_plugins-buttons {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
margin-top: $gap-large;
flex-grow: 1;
align-items: flex-end;
button { button {
min-width: 40%; min-width: 40%;
padding-inline: $gap-smaller; padding-inline: $gap-smaller;

4
plugins/woocommerce/changelog/update-36977-visual-tweaks-for-shipping-task-partners Normal file
View File

@ -0,0 +1,4 @@
Significance: minor
Type: tweak
Visual tweaks for shipping partner banners