MAGETWO-58251: PayPal Best Practice to Separate Saved Tokens

iivashchenko · iivashchenko · commit 4ec7f99d5e85 · 2016-10-07T12:07:50.000+03:00
- css refactoring
diff --git a/app/code/Magento/Checkout/view/frontend/web/template/payment-methods/list.html b/app/code/Magento/Checkout/view/frontend/web/template/payment-methods/list.html
@@ -6,7 +6,8 @@
  -->
 <div if="isPaymentMethodsAvailable()"
      class="items payment-methods">
-    <div repeat="foreach: paymentGroupsList, item: '$group'">
+    <div repeat="foreach: paymentGroupsList, item: '$group'"
+         class="payment-methods-list">
         <div if="getRegion($group().displayArea)().length"
              translate="getGroupTitle($group)"
              class="step-title"
diff --git a/app/design/frontend/Magento/blank/Magento_Checkout/web/css/source/module/checkout/_payments.less b/app/design/frontend/Magento/blank/Magento_Checkout/web/css/source/module/checkout/_payments.less
@@ -25,6 +25,7 @@
     .checkout-payment-method {
         .step-title {
             margin-bottom: 0;
+            border-bottom: 0;
         }
 
         .payment-method {
@@ -39,6 +40,12 @@
                     display: block;
                 }
             }
+
+            & + .payment-method {
+                .payment-method-title {
+                    .lib-css(border-top, @checkout-payment-method-title__border);
+                }
+            }
         }
 
         .payment-method-content {
@@ -54,7 +61,6 @@
         }
 
         .payment-method-title {
-            .lib-css(border-top, @checkout-payment-method-title__border);
             .lib-css(padding, @checkout-payment-method-title__padding 0);
             margin: 0;
 
@@ -80,6 +86,14 @@
             }
         }
 
+        .payment-methods-list {
+            & + .payment-methods-list {
+                .step-title {
+                    margin: @indent__base 0 0;
+                }
+            }
+        }
+
         .field-select-billing,
         .billing-address-form {
             .lib-css(max-width, @checkout-billing-address-form__max-width);
diff --git a/app/design/frontend/Magento/luma/Magento_Checkout/web/css/source/module/checkout/_payments.less b/app/design/frontend/Magento/luma/Magento_Checkout/web/css/source/module/checkout/_payments.less
@@ -25,6 +25,7 @@
     .checkout-payment-method {
         .step-title {
             margin-bottom: 0;
+            border-bottom: 0;
         }
 
         .payment-method {
@@ -39,6 +40,13 @@
                     display: block;
                 }
             }
+
+            & + .payment-method {
+                .payment-method-title {
+                    .lib-css(border-top, @checkout-payment-method-title__border);
+                }
+            }
+
         }
 
         .payment-method-content {
@@ -54,7 +62,6 @@
         }
 
         .payment-method-title {
-            .lib-css(border-top, @checkout-payment-method-title__border);
             .lib-css(padding, @checkout-payment-method-title__padding 0);
             margin: 0;
 
@@ -80,6 +87,14 @@
             }
         }
 
+        .payment-methods-list {
+            & + .payment-methods-list {
+                .step-title {
+                    margin: @indent__base 0 0;
+                }
+            }
+        }
+
         .field-select-billing,
         .billing-address-form {
             .lib-css(max-width, @checkout-billing-address-form__max-width);

Original file line number	Diff line number	Diff line change
`@@ -25,6 +25,7 @@`
`25`	`25`	`.checkout-payment-method {`
`26`	`26`	`.step-title {`
`27`	`27`	`margin-bottom: 0;`
	`28`	`+ border-bottom: 0;`
`28`	`29`	`}`
`29`	`30`
`30`	`31`	`.payment-method {`
`@@ -39,6 +40,12 @@`
`39`	`40`	`display: block;`
`40`	`41`	`}`
`41`	`42`	`}`
	`43`	`+`
	`44`	`+ & + .payment-method {`
	`45`	`+ .payment-method-title {`
	`46`	`+ .lib-css(border-top, @checkout-payment-method-title__border);`
	`47`	`+ }`
	`48`	`+ }`
`42`	`49`	`}`
`43`	`50`
`44`	`51`	`.payment-method-content {`
`@@ -54,7 +61,6 @@`
`54`	`61`	`}`
`55`	`62`
`56`	`63`	`.payment-method-title {`
`57`		`- .lib-css(border-top, @checkout-payment-method-title__border);`
`58`	`64`	`.lib-css(padding, @checkout-payment-method-title__padding 0);`
`59`	`65`	`margin: 0;`
`60`	`66`
`@@ -80,6 +86,14 @@`
`80`	`86`	`}`
`81`	`87`	`}`
`82`	`88`
	`89`	`+ .payment-methods-list {`
	`90`	`+ & + .payment-methods-list {`
	`91`	`+ .step-title {`
	`92`	`+ margin: @indent__base 0 0;`
	`93`	`+ }`
	`94`	`+ }`
	`95`	`+ }`
	`96`	`+`
`83`	`97`	`.field-select-billing,`
`84`	`98`	`.billing-address-form {`
`85`	`99`	`.lib-css(max-width, @checkout-billing-address-form__max-width);`