[ACS-5288]Changes to improve user experience by changing navigation (#3219)

* Implemented changes as per requirement

* changes for view profile component

* added unit test cases
This commit is contained in:
Yasa-Nataliya
2023-05-25 00:30:37 +05:30
committed by GitHub
parent e5c38b3840
commit 0328ea09da
8 changed files with 69 additions and 29 deletions

View File

@@ -1,25 +1,30 @@
app-view-profile {
letter-spacing: .5px;
letter-spacing: 0.5px;
.app-profile-container {
margin-top: 1rem;
overflow: scroll;
height:100%;
height: 100%;
width: 100%;
}
.app-profile-row {
width: 100%;
margin: 2rem 0 0;
height: 32px;
padding: 32px 0;
border-bottom: 1px solid var(--theme-header-border-color);
}
.app-profile-title {
display: flex;
margin-left: 2rem;
flex-direction: row;
align-items: center;
height: 32px;
padding: 0 24px;
}
.app-profile {
cursor: pointer;
margin-top: 1rem;
}
.app-profile-general-row {
@@ -31,7 +36,6 @@ app-view-profile {
.app-profile-icon {
margin-right: 1rem;
margin-top: 1rem;
cursor: pointer;
}
@@ -40,7 +44,7 @@ app-view-profile {
}
.app-profile-text {
letter-spacing: .5px;
letter-spacing: 0.5px;
}
.app-profile-general {
@@ -49,7 +53,7 @@ app-view-profile {
}
.app-profile-general-bottom-radius {
border-bottom-left-radius:0;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
@@ -63,11 +67,11 @@ app-view-profile {
.app-general-title {
margin-left: 0.6rem;
margin-top: 4px;
letter-spacing: .5px;
letter-spacing: 0.5px;
}
.app-general-edit-btn {
width:60%;
width: 60%;
text-align: end;
}
@@ -81,7 +85,7 @@ app-view-profile {
.app-selected:focus {
border: 2px solid var(--theme-blue-button-color) !important;
border-radius: 6px;
outline : none !important;
outline: none !important;
box-shadow: 0 0 2px (--theme-blue-button-color);
}
@@ -98,16 +102,16 @@ app-view-profile {
.app-general-cancel-btn {
height: 30px;
margin: 1rem;
margin-left: .5rem;
margin-left: 0.5rem;
background-color: var(--theme-grey-text-background-color);
padding-top: .25px;
padding-top: 0.25px;
}
.app-general-save-btn {
width: 75px;
height: 30px;
margin: 1rem;
margin-left: .5rem;
margin-left: 0.5rem;
color: white;
background-color: var(--theme-blue-button-color);
}
@@ -128,12 +132,12 @@ app-view-profile {
color: var(--theme-heading-color);
width: 20%;
font-weight: 400;
letter-spacing: .5px;
letter-spacing: 0.5px;
}
.app-profile-general-dropdown-details {
margin-top: 1.3rem;
letter-spacing: .5px;
letter-spacing: 0.5px;
}
.app-profile-general-dropdown-input-details {
@@ -161,7 +165,7 @@ app-view-profile {
height: 25px;
border: none;
margin-top: 1.3rem;
background-color: var(--theme-dropdown-color) ;
background-color: var(--theme-dropdown-color);
}
.app-profile-login-dropdown-heading-forgot {
@@ -183,6 +187,6 @@ app-view-profile {
.app-error-message {
padding-top: 2rem;
padding-left: .5rem;
padding-left: 0.5rem;
}
}
}