Merge pull request #9711 from awesomemotive/release/3.2.9

Release 3.2.9

assets/css/admin/gateways/stripe.scss

@@ -2,6 +2,8 @@
 @import "~@wordpress/base-styles/colors.native";
 
 @import "../../variables/colors";
+@import "../../variables/animations";
+
 /**
  * WordPress Core colors current as of 5.5.1.
  */
@@ -31,10 +33,36 @@ $buddypress-colors: (
  'mint': #4f6d59,
 );
 
-.edds-stripe-connect-acount-info .spinner {
- float: none;
- display: inline-block;
- margin: -2px 5px 0 0;
+.edds-stripe-connect-acount-info {
+ & .display-name, .info {
+ display: block;
+ }
+
+ & .display-name {
+ font-weight: 700;
+ }
+
+ &.loading {
+ & span {
+ display: block;
+ }
+
+ & .account-name, .info {
+ animation: skeleton-loading 1s linear infinite alternate;
+ width: 200px;
+ height: 14px;
+ margin: 0.25rem 0;
+ }
+ }
+}
+
+#edds-stripe-disconnect-reconnect {
+ &.loading {
+ animation: skeleton-loading 1s linear infinite alternate;
+ width: 350px;
+ height: 1rem;
+ margin: 0.5rem 0;
+ }
 }
 
 // Payment Gateways setting.
@@ -175,6 +203,10 @@ only screen and (min-device-pixel-ratio: 1.5) {
 }
 /* End of Stripe Connect */
 
+.edd-text-loading {
+ animation: skeleton-loading 1s infinite alternate;
+}
+
 .edd-button__toggle {
  position: relative;
  margin: 0;

assets/css/admin/gateways/style.scss

@@ -1,7 +1,30 @@
 /* PayPal Connect
 -------------------------------------------------------------- */
+#edd-paypal-commerce-connect-wrap.loading {
+ & ul.edd-paypal-account-status, ul.edd-paypal-webhook-events {
+ & li {
+ & span {
+ animation: skeleton-loading 1s infinite alternate;
+ width: 250px;
+ height: 18px;
+ display: inline-block;
+ }
+ }
+ }
+
+ & .edd-paypal-connect-actions {
+ & span {
+ animation: skeleton-loading 1s infinite alternate;
+ width: 150px;
+ height: 32px;
+ display: inline-block;
+ }
+ }
+}
+
 .edd-paypal-account-status ul {
  margin-left: 25px;
+ list-style-type: none;
 }
 .edd-paypal-account-status > li {
  margin-bottom: 1em;

assets/css/admin/general/_help-tip.scss

@@ -2,20 +2,21 @@
  cursor: help;
  margin-top: -2px;
  font-size: 24px;
- color: grey;
+ color: $edd-tool-tip-icon-color;
 }
 
 .edd-ui-tooltip {
  position: absolute;
- background: #333 !important;
- border-width: 1px !important;
- border-radius: 3px !important;
- box-shadow: 1px 1px 2px 1px rgba(214, 214, 214, 0.5) !important;
- color: #dedede !important;
+ background: $white !important;
+ border-width: 0px;
+ border-radius: 12px !important;
+ box-shadow: $edd-tool-tip-shadow !important;
+ color: $edd-tooltip-text !important;
  max-width: 300px !important;
- padding: 7px !important;
+ padding: 16px !important;
  text-rendering: optimizeLegibility;
  text-shadow: none !important;
+ font-size: 13px !important;
  z-index: 9999 !important;
 
  .title {
@@ -38,7 +39,7 @@
  height: 4px;
  left: -16px;
  background: rgb(0 0 0 / 0%);
- border: 2px solid #FFFFFF;
+ border: 2px solid $edd-tooltip-text;
  top: 0;
  bottom: 0;
  margin: auto;
@@ -50,7 +51,7 @@
  content: '';
  width: 2px;
  height: calc(100% - 4px);
- background: white;
+ background: $edd-tooltip-text;
  position: absolute;
  left: -13px;
  top: calc(50% + 3px);

assets/css/admin/style.scss

@@ -2073,7 +2073,7 @@ h3 + .notice-wrap .notice {
  display: inline-block;
  vertical-align: middle;
  position: relative;
- margin: 0;
+ margin: 0 2px 0 0;
  padding: 0;
  width: 42px;
  min-width: 42px;

assets/css/frontend/style.scss

@@ -126,6 +126,7 @@
  width: 100%;
  margin: 0 0 1rem;
  padding: 0;
+ white-space: nowrap;
 }
 
 #edd_checkout_form_wrap label {