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 327a0f654eecf79fbe80932c93761132d0387c24..386889c75d410cd854fbced42f136d0ce4bb0dd8 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 216efe77153e6b4f082165be460c97553bbc2b0a..d867cc3387355f400f35932bbad34242d21c4c06 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 {