diff options
author | 2021-03-23 19:17:37 +0000 | |
---|---|---|
committer | 2021-03-24 07:09:23 +0000 | |
commit | eb57d1efc197968a4073b331b2dc8f40d8109847 (patch) | |
tree | 2a5fbddd3afb741bc0a9543a06110dd73a7b7d08 /catalog-ui/src/app/ng2/components/ui/multi-steps-wizard/multi-steps-wizard.component.less | |
parent | b2c0528da052b5c73e3fc1f7f98d22578acd91f0 (diff) |
Fix 46 CRITICAL BUGs
Change-Id: Id354491665a1d8c25a7c1f3e83fcb4d146ca2f37
Signed-off-by: Vasyl Razinkov <vasyl.razinkov@est.tech>
Issue-ID: SDC-3529
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, 35 insertions, 21 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 3a2168aeb0..959a99663a 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,52 +2,59 @@ @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; @@ -57,14 +64,17 @@ 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; } } @@ -72,17 +82,21 @@ 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; } } |