From 9f6684ccf77ad26d2edea46025689b4fc0a8aeb9 Mon Sep 17 00:00:00 2001
From: Oleg Zinoviev <ozinoviev@ebay.com>
Date: Fri, 26 Jun 2015 12:30:59 +0300
Subject: [PATCH] MAGETWO-36026: [UI] Checkout: Payment Information
- QA updates
---
.../css/source/module/checkout/_progress-bar.less | 4 ++--
.../web/css/source/module/checkout/_tooltip.less | 13 ++++++++++++-
2 files changed, 14 insertions(+), 3 deletions(-)
diff --git a/app/design/frontend/Magento/blank/Magento_Checkout/web/css/source/module/checkout/_progress-bar.less b/app/design/frontend/Magento/blank/Magento_Checkout/web/css/source/module/checkout/_progress-bar.less
index 327a0f654ee..386889c75d4 100644
--- a/app/design/frontend/Magento/blank/Magento_Checkout/web/css/source/module/checkout/_progress-bar.less
+++ b/app/design/frontend/Magento/blank/Magento_Checkout/web/css/source/module/checkout/_progress-bar.less
@@ -27,8 +27,8 @@
@checkout-progress-bar-item-element-inner__height: @checkout-progress-bar-item-element-inner__width;
@checkout-progress-bar-item-element-inner__width: @checkout-progress-bar-item-element__width - (@checkout-progress-bar-item-element-outer-radius__width * 2);
@checkout-progress-bar-item-element-inner__active__content: @icon-checkmark;
-@checkout-progress-bar-item-element-inner__active__font-size: 2.8rem;
-@checkout-progress-bar-item-element-inner__active__line-height: 2.8rem;
+@checkout-progress-bar-item-element-inner__active__font-size: 28px;
+@checkout-progress-bar-item-element-inner__active__line-height: 1;
@checkout-progress-bar-item-element-outer-radius__width: 6px;
diff --git a/app/design/frontend/Magento/blank/Magento_Checkout/web/css/source/module/checkout/_tooltip.less b/app/design/frontend/Magento/blank/Magento_Checkout/web/css/source/module/checkout/_tooltip.less
index 216efe77153..d867cc33873 100644
--- a/app/design/frontend/Magento/blank/Magento_Checkout/web/css/source/module/checkout/_tooltip.less
+++ b/app/design/frontend/Magento/blank/Magento_Checkout/web/css/source/module/checkout/_tooltip.less
@@ -26,8 +26,9 @@
@checkout-tooltip-content__width: 270px;
@checkout-tooltip-content__active__border-color: darken(@checkout-tooltip-content__border-color, 20%);
-@checkout-tooltip-content-mobile__top: 30px + @checkout-tooltip-icon-arrow__font-size;
+@checkout-tooltip-content-mobile-popup__width: 200px;
@checkout-tooltip-content-mobile__right: -(@indent__s);
+@checkout-tooltip-content-mobile__top: 30px + @checkout-tooltip-icon-arrow__font-size;
//
// Common
@@ -117,6 +118,16 @@
// Mobile
// _____________________________________________
+.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__xs) {
+ .modal-popup {
+ .field-tooltip {
+ .field-tooltip-content {
+ .css(width, @checkout-tooltip-content-mobile-popup__width);
+ }
+ }
+ }
+}
+
.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @checkout-tooltip-breakpoint__screen-m) {
.field-tooltip {
.field-tooltip-content {
--
GitLab