Produced by Araxis Merge on 2023-07-12 04:43:11 +0000. See www.araxis.com for information about Merge. This report uses XHTML and CSS2, and is best viewed with a modern standards-compliant browser. For optimum results when printing this report, use landscape orientation and enable printing of background images and colours in your browser.
| # | Location | File | Last Modified |
|---|---|---|---|
| 1 | Porto v4.0.5/Theme Files/Porto Theme/app/design/frontend/Smartwave/porto/web/css/source | _popups.less | 2016-06-22 15:16:26 +0000 |
| 2 | Porto v4.0.6/Theme Files/Porto Theme/app/design/frontend/Smartwave/porto/web/css/source | _popups.less | 2016-06-22 15:16:26 +0000 |
| Description | Between Files 1 and 2 | |
|---|---|---|
| Text Blocks | Lines | |
| Unchanged | 1 | 218 |
| Changed | 0 | 0 |
| Inserted | 0 | 0 |
| Removed | 0 | 0 |
| Whitespace | Consecutive whitespace is treated as a single space |
|---|---|
| Character case | Differences in character case are significant |
| Line endings | Differences in line endings (CR and LF characters) are ignored |
| CR/LF characters | Not shown in the comparison detail |
| Active line-pairing rules |
No regular expressions were active.
| 1 | // /** | 1 | // /** | |||
| 2 | // * Copyright © 2015 Magento. All rights reserved. | 2 | // * Copyright © 2015 Magento. All rights reserved. | |||
| 3 | // * See COPYING.txt for license details. | 3 | // * See COPYING.txt for license details. | |||
| 4 | // */ | 4 | // */ | |||
| 5 | 5 | |||||
| 6 | // | 6 | // | |||
| 7 | // Variables | 7 | // Variables | |||
| 8 | // _____________________________________________ | 8 | // _____________________________________________ | |||
| 9 | 9 | |||||
| 10 | @popup-marker__size: 7px; | 10 | @popup-marker__size: 7px; | |||
| 11 | 11 | |||||
| 12 | // | 12 | // | |||
| 13 | // Common | 13 | // Common | |||
| 14 | // _____________________________________________ | 14 | // _____________________________________________ | |||
| 15 | 15 | |||||
| 16 | & when (@media-common = true) { | 16 | & when (@media-common = true) { | |||
| 17 | 17 | |||||
| 18 | // Popup working with dropdown dialog | 18 | // Popup working with dropdown dialog | |||
| 19 | .ui-dialog { | 19 | .ui-dialog { | |||
| 20 | &.popup { | 20 | &.popup { | |||
| 21 | .action { | 21 | .action { | |||
| 22 | &.close { | 22 | &.close { | |||
| 23 | .lib-css(bottom, @popup-button-close__position-bottom); | 23 | .lib-css(bottom, @popup-button-close__position-bottom); | |||
| 24 | .lib-css(left, @popup-button-close__position-left); | 24 | .lib-css(left, @popup-button-close__position-left); | |||
| 25 | .lib-css(position, @popup-button-close__position); | 25 | .lib-css(position, @popup-button-close__position); | |||
| 26 | height: 40px; | 26 | height: 40px; | |||
| 27 | right: 0; | 27 | right: 0; | |||
| 28 | top: 0; | 28 | top: 0; | |||
| 29 | width: 40px; | 29 | width: 40px; | |||
| 30 | z-index: 1001; | 30 | z-index: 1001; | |||
| 31 | .lib-button-icon( | 31 | .lib-button-icon( | |||
| 32 | @_icon-font-content: @popup-icon-font__content, | 32 | @_icon-font-content: @popup-icon-font__content, | |||
| 33 | @_icon-font:@popup-icon-font, | 33 | @_icon-font:@popup-icon-font, | |||
| 34 | @_icon-font-size: @popup-icon-font__size, | 34 | @_icon-font-size: @popup-icon-font__size, | |||
| 35 | @_icon-font-line-height: @popup-icon-font__line-height, | 35 | @_icon-font-line-height: @popup-icon-font__line-height, | |||
| 36 | @_icon-font-color: @popup-icon-font__color, | 36 | @_icon-font-color: @popup-icon-font__color, | |||
| 37 | @_icon-font-color-hover: @popup-icon-font__color-hover, | 37 | @_icon-font-color-hover: @popup-icon-font__color-hover, | |||
| 38 | @_icon-font-color-active: popup-icon-font__color-active, | 38 | @_icon-font-color-active: popup-icon-font__color-active, | |||
| 39 | @_icon-font-margin: @popup-icon-font__margin, | 39 | @_icon-font-margin: @popup-icon-font__margin, | |||
| 40 | @_icon-font-vertical-align: @popup-icon-font__vertical-align, | 40 | @_icon-font-vertical-align: @popup-icon-font__vertical-align, | |||
| 41 | @_icon-font-position: @popup-icon-font__position, | 41 | @_icon-font-position: @popup-icon-font__position, | |||
| 42 | @_icon-font-text-hide: @popup-icon-font__text-hide | 42 | @_icon-font-text-hide: @popup-icon-font__text-hide | |||
| 43 | ); | 43 | ); | |||
| 44 | ._lib-popup-button-close-reset( | 44 | ._lib-popup-button-close-reset( | |||
| 45 | @popup-button-close__reset | 45 | @popup-button-close__reset | |||
| 46 | ); | 46 | ); | |||
| 47 | } | 47 | } | |||
| 48 | } | 48 | } | |||
| 49 | } | 49 | } | |||
| 50 | } | 50 | } | |||
| 51 | 51 | |||||
| 52 | .popup { | 52 | .popup { | |||
| 53 | .actions-toolbar { | 53 | .actions-toolbar { | |||
| 54 | .action { | 54 | .action { | |||
| 55 | &.cancel { | 55 | &.cancel { | |||
| 56 | &:extend(.abs-action-button-as-link all); | 56 | &:extend(.abs-action-button-as-link all); | |||
| 57 | font-weight: @font-weight__regular; | 57 | font-weight: @font-weight__regular; | |||
| 58 | } | 58 | } | |||
| 59 | } | 59 | } | |||
| 60 | } | 60 | } | |||
| 61 | } | 61 | } | |||
| 62 | 62 | |||||
| 63 | .popup-pointer { | 63 | .popup-pointer { | |||
| 64 | .lib-pointer( | 64 | .lib-pointer( | |||
| 65 | @_size: @popup-marker__size, | 65 | @_size: @popup-marker__size, | |||
| 66 | @_background-color: @popup__background, | 66 | @_background-color: @popup__background, | |||
| 67 | @_border-color: @popup__border-color, | 67 | @_border-color: @popup__border-color, | |||
| 68 | @_position__vertical__value: 2px, | 68 | @_position__vertical__value: 2px, | |||
| 69 | @_position__horizontal__value: 2px | 69 | @_position__horizontal__value: 2px | |||
| 70 | ); | 70 | ); | |||
| 71 | margin-left: -@popup-marker__size * 2; | 71 | margin-left: -@popup-marker__size * 2; | |||
| 72 | position: absolute; | 72 | position: absolute; | |||
| 73 | top: -@popup-marker__size * 2; | 73 | top: -@popup-marker__size * 2; | |||
| 74 | } | 74 | } | |||
| 75 | } | 75 | } | |||
| 76 | 76 | |||||
| 77 | // | 77 | // | |||
| 78 | // Mobile | 78 | // Mobile | |||
| 79 | // _____________________________________________ | 79 | // _____________________________________________ | |||
| 80 | 80 | |||||
| 81 | .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { | 81 | .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { | |||
| 82 | .popup-content { | 82 | .popup-content { | |||
| 83 | .fieldset { | 83 | .fieldset { | |||
| 84 | .actions-toolbar { | 84 | .actions-toolbar { | |||
| 85 | .secondary { | 85 | .secondary { | |||
| 86 | display: inline-block; | 86 | display: inline-block; | |||
| 87 | float: none; | 87 | float: none; | |||
| 88 | } | 88 | } | |||
| 89 | .action { | 89 | .action { | |||
| 90 | &.cancel { | 90 | &.cancel { | |||
| 91 | margin-top: @actions-toolbar-actions-links-secondary__margin-top; | 91 | margin-top: @actions-toolbar-actions-links-secondary__margin-top; | |||
| 92 | } | 92 | } | |||
| 93 | } | 93 | } | |||
| 94 | } | 94 | } | |||
| 95 | } | 95 | } | |||
| 96 | } | 96 | } | |||
| 97 | } | 97 | } | |||
| 98 | 98 | |||||
| 99 | // | 99 | // | |||
| 100 | // Desktop | 100 | // Desktop | |||
| 101 | // _____________________________________________ | 101 | // _____________________________________________ | |||
| 102 | 102 | |||||
| 103 | .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__s) { | 103 | .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__s) { | |||
| 104 | .ui-dialog { | 104 | .ui-dialog { | |||
| 105 | &.popup { | 105 | &.popup { | |||
| 106 | width: 420px; | 106 | width: 420px; | |||
| 107 | } | 107 | } | |||
| 108 | } | 108 | } | |||
| 109 | } | 109 | } |
Araxis Merge (but not the data content of this report) is Copyright © 1993–2019 Araxis Ltd (www.araxis.com). All rights reserved.