aboutsummaryrefslogtreecommitdiffstats
path: root/catalog-ui/src/app/ng2/components/ui/multi-steps-wizard/multi-steps-wizard.component.less
diff options
context:
space:
mode:
authorVasyl Razinkov <vasyl.razinkov@est.tech>2021-03-26 13:44:55 +0000
committerVasyl Razinkov <vasyl.razinkov@est.tech>2021-03-26 13:45:13 +0000
commit021978494010df2a4258845b2ada19967869afd1 (patch)
tree10579500f35841b46c8b766e9b69c40efd056499 /catalog-ui/src/app/ng2/components/ui/multi-steps-wizard/multi-steps-wizard.component.less
parent316a6df0f1a42cb3f825b9ab4b51d9d59215a530 (diff)
Revert "Fix 46 CRITICAL BUGs"
This reverts commit eb57d1efc197968a4073b331b2dc8f40d8109847. Reason for revert: some UI components are broken Change-Id: I533a827e9913250d5cb29ed2cc4736fd8c57a8e5 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.less56
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;
}
}