diff options
Diffstat (limited to 'catalog-ui/src/app/ng2/components/ui/multi-steps-wizard/multi-steps-wizard.component.less')
-rw-r--r-- | catalog-ui/src/app/ng2/components/ui/multi-steps-wizard/multi-steps-wizard.component.less | 56 |
1 files changed, 21 insertions, 35 deletions
diff --git a/catalog-ui/src/app/ng2/components/ui/multi-steps-wizard/multi-steps-wizard.component.less b/catalog-ui/src/app/ng2/components/ui/multi-steps-wizard/multi-steps-wizard.component.less index 959a99663a..3a2168aeb0 100644 --- a/catalog-ui/src/app/ng2/components/ui/multi-steps-wizard/multi-steps-wizard.component.less +++ b/catalog-ui/src/app/ng2/components/ui/multi-steps-wizard/multi-steps-wizard.component.less @@ -2,59 +2,52 @@ @circle_size: 13px; -.custom-modal { +.custom-modal{ font-family: @font-opensans-regular; } -/deep/ .multi-steps-wizard { +/deep/ multi-steps-wizard { display: none; } -.ng2-modal-header { +.ng2-modal-header{ border: none !important; } -.ng2-modal-body { +.ng2-modal-body{ padding-top: 0 !important; } -header { +header{ margin-bottom: 10px; - - .dynamic-header-container { + .dynamic-header-container{ position: relative; top: -9px; } - - .steps-header { + .steps-header{ display: flex; - - .step-title { + .step-title{ flex: 1; - - .title-text { + .title-text{ width: 100%; text-align: center; line-height: 40px; background-color: @tlv_color_u; font-size: 13px; } - - .line { + .line{ width: calc(~'100% - @{circle_size}'); position: relative; left: calc(~'(100% - @{circle_size})/2 * (-1)'); float: left; height: 2px; - - .inner-line { + .inner-line{ background-color: @main_color_a; height: 100%; } } - - .circle { - margin: 0 auto; + .circle{ + margin:0 auto; border: @main_color_o solid 1px; height: @circle_size; width: @circle_size; @@ -64,17 +57,14 @@ header { background-color: @main_color_p; z-index: 1; } - - .full-circle { + .full-circle{ border-color: @main_color_a; background-color: @main_color_a; } - - &.active { + &.active{ color: @main_color_a; font-family: @font-opensans-medium; - - .circle { + .circle{ border-color: @main_color_a; } } @@ -82,21 +72,17 @@ header { } } -.navigation-buttons { +.navigation-buttons{ padding-left: 6px; border-left: 1px solid @main_color_a; - - .navigation-button { + .navigation-button{ padding: 0 8px; - - .navigation-icon { + .navigation-icon{ margin: 3px 0; - - &.blue-arrow-back { + &.blue-arrow-back{ float: left; } - - &.white-arrow-next { + &.white-arrow-next{ float: right; } } |