diff --git a/assets/css/admin.scss b/assets/css/admin.scss index 47da6765b34..dfe2ef2a052 100644 --- a/assets/css/admin.scss +++ b/assets/css/admin.scss @@ -734,7 +734,11 @@ } .product-footer { + align-items: center; border-top: 1px solid #dcdcde; + display: flex; + flex-direction: row; + justify-content: space-between; padding: 24px; .price { @@ -742,11 +746,39 @@ color: #1d2327; } + .price-suffix { + color: #646970; /* Gray 50 */ + } + + .product-reviews-block { + display: flex; + flex-direction: row; + margin-top: 4px; + + .product-rating-star { + background: url(../images/icons/star.svg) no-repeat; + background-size: contain; + height: 16px; + margin: 4px 4px 4px 0; + width: 17px; + } + + .product-reviews-count { + color: #646970; /* Gray 50 */ + font-size: 12px; + font-family: sans-serif; + line-height: 24px; + letter-spacing: -0.154px; + margin-left: 4px; + } + } + .button { background-color: #fff; border-color: #007cba; color: #007cba; float: right; + height: 22px; } } } diff --git a/assets/images/icons/star.svg b/assets/images/icons/star.svg new file mode 100644 index 00000000000..9f550f87964 --- /dev/null +++ b/assets/images/icons/star.svg @@ -0,0 +1,13 @@ + + diff --git a/includes/admin/views/html-admin-page-addons.php b/includes/admin/views/html-admin-page-addons.php index ceaf5a380b6..1d087614239 100644 --- a/includes/admin/views/html-admin-page-addons.php +++ b/includes/admin/views/html-admin-page-addons.php @@ -127,12 +127,24 @@ $current_section_name = __( 'Browse Categories', 'woocommerce' );
excerpt ); ?>