Merge pull request #18139 from woocommerce/fix/18126

Fix offline payments expand icon in Firefox and other standards compliant browsers
This commit is contained in:
Claudiu Lodromanean 2017-12-13 09:40:24 -08:00 committed by GitHub
commit 7d0d96f6ee
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 24 additions and 21 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -483,7 +483,8 @@ body {
}
}
.wc-wizard-service-item, .wc-wizard-services-list-toggle {
.wc-wizard-service-item,
.wc-wizard-services-list-toggle {
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
@ -560,6 +561,7 @@ body {
text-align: center;
cursor: pointer;
padding: 2em 0;
position: relative;
}
.wc-wizard-service-toggle {
@ -624,30 +626,31 @@ body {
}
}
// Toggle display a list of services
.wc-wizard-service-enable input {
visibility: hidden;
position: relative;
cursor: pointer;
&:before {
content: "\f347"; // down chevron
// Toggle display a list of services.
.wc-wizard-services-list-toggle {
.wc-wizard-service-enable::before {
content: "\f343"; // up chevron
font-family: "dashicons";
visibility: initial;
color: #666;
font-size: 25px;
margin-left: -5px; // center it
top: -6px;
margin-top: -7px;
margin-left: -5px;
position: absolute;
visibility: visible;
}
&.closed {
.wc-wizard-service-enable::before {
content: "\f347"; // down chevron
}
}
.wc-wizard-service-enable input {
visibility: hidden;
position: relative;
cursor: pointer;
}
}
.wc-wizard-service-enable input:checked {
&:before {
content: "\f343"; // up chevron
top: -7px;
}
}
.wc-wizard-services.manual .wc-wizard-service-item {
display: none;
}

View File

@ -1432,8 +1432,8 @@ class WC_Admin_Setup_Wizard {
<?php esc_html_e( 'Collect payments from customers offline.', 'woocommerce' ); ?>
</div>
<div class="wc-wizard-service-enable">
<input class="wc-wizard-service-list-toggle" id="wc-wizard-service-list-toggle" type="checkbox">
<label for="wc-wizard-service-list-toggle"></label>
<input class="wc-wizard-service-list-toggle" id="wc-wizard-service-list-toggle" type="checkbox">
<label for="wc-wizard-service-list-toggle"></label>
</div>
</li>
<?php foreach ( $manual_gateways as $gateway_id => $gateway ) :