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

Update WCS banner style

This commit is contained in:
Valerie 2017-06-05 11:28:28 -04:00
parent baf405fdcf
commit 70570f3745
6 changed files with 50 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
assets/css/admin-rtl.css
View File

File diff suppressed because one or more lines are too long

2
assets/css/admin.css
View File

File diff suppressed because one or more lines are too long

42
assets/css/admin.scss
View File

@ -92,12 +92,17 @@
.addons-wcs-banner-block {
display: flex;
align-items: center;
}
.addons-wcs-banner-block-image {
background: #f7f7f7;
border: 1px solid #e6e6e6;
margin-right: 2em;
padding: 4em;
.addons-img {
margin-right: 2em;
margin-left: 1em;
max-height: 200px;
max-width: 200px;
max-height: 86px;
max-width: 97px;
}
}
@ -110,6 +115,13 @@
.addons-wcs-banner-block-content {
display: flex;
flex-direction: column;
justify-content: space-around;
align-self: stretch;
padding: 1em 0;
h1 {
padding: 0;
}
}
.addons-column-section {
@ -5217,6 +5229,28 @@ table.bar_chart {
.woocommerce_options_panel p.form-field {
padding: 5px 20px !important;
}
.addons-wcs-banner-block {
flex-direction: column;
}
.wc_addons_wrap {
.addons-wcs-banner-block {
padding: 40px;
}
.addons-wcs-banner-block-image {
padding: 1em;
text-align: center;
width: 100%;
padding: 2em 0;
margin: 0;
.addons-img {
margin: 0;
}
}
}
}
/**

2
assets/css/helper-rtl.css
View File

File diff suppressed because one or more lines are too long

2
assets/css/helper.css
View File

File diff suppressed because one or more lines are too long

14
includes/admin/class-wc-admin-addons.php
View File

@ -343,11 +343,13 @@ class WC_Admin_Addons {
$block_data = wp_parse_args( $block, $defaults );
?>
<div class="addons-wcs-banner-block">
<img
class="addons-img"
src="<?php echo esc_url( $block_data['image'] ); ?>"
alt="<?php echo esc_attr( $block_data['image_alt'] ); ?>"
/>
<div class="addons-wcs-banner-block-image">
<img
class="addons-img"
src="<?php echo esc_url( $block_data['image'] ); ?>"
alt="<?php echo esc_attr( $block_data['image_alt'] ); ?>"
/>
</div>
<div class="addons-wcs-banner-block-content">
<h1><?php echo esc_html( $block_data['title'] ); ?></h1>
<p><?php echo esc_html( $block_data['description'] ); ?></p>
@ -355,7 +357,7 @@ class WC_Admin_Addons {
self::output_button(
$block_data['href'],
$block_data['button'],
'addons-button-solid'
'addons-button-outline-green'
);
?>
</div>