diff --git a/packages/Webkul/StripeConnect/src/Config/admin-menu.php b/packages/Webkul/StripeConnect/src/Config/admin-menu.php index 7d2364232..bc87a73a0 100644 --- a/packages/Webkul/StripeConnect/src/Config/admin-menu.php +++ b/packages/Webkul/StripeConnect/src/Config/admin-menu.php @@ -6,10 +6,8 @@ return [ 'name' => 'STRIPE', 'route' => 'admin.stripe.seller', 'sort' => 7, - 'icon-class' => 'stripe-menu-icon', - ], - - [ + 'icon-class' => 'stripe-icon', + ], [ 'key' => 'stripe.connect', 'name' => 'Connect Account', 'route' => 'admin.stripe.seller', diff --git a/packages/Webkul/StripeConnect/src/Providers/EventServiceProvider.php b/packages/Webkul/StripeConnect/src/Providers/EventServiceProvider.php index e1a4a9e4f..e017db345 100644 --- a/packages/Webkul/StripeConnect/src/Providers/EventServiceProvider.php +++ b/packages/Webkul/StripeConnect/src/Providers/EventServiceProvider.php @@ -15,6 +15,10 @@ class EventServiceProvider extends ServiceProvider */ public function boot() { + Event::listen('bagisto.admin.layout.head', function($viewRenderEventManager) { + $viewRenderEventManager->addTemplate('stripe::checkout.style'); + }); + Event::listen('bagisto.shop.layout.head', function($viewRenderEventManager) { $viewRenderEventManager->addTemplate('stripe::checkout.style'); }); diff --git a/packages/Webkul/StripeConnect/src/Resources/assets/sass/stripe.scss b/packages/Webkul/StripeConnect/src/Resources/assets/sass/stripe.scss index d7d6c68c3..284995b43 100644 --- a/packages/Webkul/StripeConnect/src/Resources/assets/sass/stripe.scss +++ b/packages/Webkul/StripeConnect/src/Resources/assets/sass/stripe.scss @@ -7,12 +7,28 @@ right: 5px; } -.stripe-menu-icon { +.icon { + display: inline-block; + background-size: cover; +} + +%menu-properties { + width: 48px; + height: 48px; + display: inline-block; + background-size: cover; +} + +.stripe-icon { + @extend %menu-properties; background-image: url("../images/icons/Icon-Stripe.svg"); } -.stripe-menu-icon.active { - background-image: url("../images/icons/Icon-Stripe-Active.svg"); +.active { + .stripe-icon { + @extend %menu-properties; + background-image: url("../images/icons/Icon-Stripe-Active.svg"); + } } #stripe-pay-button label { @@ -20,7 +36,6 @@ color: #ffffff; } - .more-payment-icons { text-align: center; margin-top: 15px;