Files
alfresco-content-app/projects/aca-content/src/lib/components/view-profile/view-profile.component.scss
Denys Vuika 71d97a17bf [ACS-5304] remove unused create menu component (#3233)
* remove unused create menu component

* remove unused i18n keys

* raise coverage

* fix missing a11y import, fix css var bug
2023-05-25 18:50:46 +01:00

193 lines
3.6 KiB
SCSS

app-view-profile {
letter-spacing: 0.5px;
.app-profile-container {
overflow: scroll;
height: 100%;
width: 100%;
}
.app-profile-row {
width: 100%;
height: 32px;
padding: 32px 0;
border-bottom: 1px solid var(--theme-header-border-color);
}
.app-profile-title {
display: flex;
flex-direction: row;
align-items: center;
height: 32px;
padding: 0 24px;
}
.app-profile {
cursor: pointer;
margin-top: 1rem;
}
.app-profile-general-row {
margin: 2rem 0 0 2rem;
width: 70%;
border: 1px solid var(--theme-grey-background-color);
border-radius: 1rem;
}
.app-profile-icon {
margin-right: 1rem;
cursor: pointer;
}
.app-profile-general-icon {
cursor: pointer;
}
.app-profile-text {
letter-spacing: 0.5px;
}
.app-profile-general {
display: flex;
padding-left: 1rem;
}
.app-profile-general-bottom-radius {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.app-profile-general-section {
display: flex;
width: 60%;
padding-top: 1rem;
cursor: pointer;
}
.app-general-title {
margin-left: 0.6rem;
margin-top: 4px;
letter-spacing: 0.5px;
}
.app-general-edit-btn {
width: 60%;
text-align: end;
}
.app-mat-divider {
border-top-width: 2px;
border-top-color: var(--theme-grey-background-color);
padding-left: -1px;
padding-right: 1px;
}
.app-selected:focus {
border: 2px solid var(--theme-blue-button-color) !important;
border-radius: 6px;
outline: none !important;
box-shadow: 0 0 2px var(--theme-blue-button-color);
}
.app-general-edit {
background: var(--theme-grey-text-background-color);
height: 30px;
margin: 1rem;
}
.app-general-edit:hover {
background: var(--theme-grey-hover-background-color);
}
.app-general-cancel-btn {
height: 30px;
margin: 1rem;
margin-left: 0.5rem;
background-color: var(--theme-grey-text-background-color);
padding-top: 0.25px;
}
.app-general-save-btn {
width: 75px;
height: 30px;
margin: 1rem;
margin-left: 0.5rem;
color: white;
background-color: var(--theme-blue-button-color);
}
.app-general-dropdown-divider {
border-top-color: var(--theme-grey-divider-color);
}
.app-general-dropdown {
padding: 0 1rem;
}
.app-general-dropdown-details {
display: flex;
}
.app-profile-general-dropdown-heading {
color: var(--theme-heading-color);
width: 20%;
font-weight: 400;
letter-spacing: 0.5px;
}
.app-profile-general-dropdown-details {
margin-top: 1.3rem;
letter-spacing: 0.5px;
}
.app-profile-general-dropdown-input-details {
width: 24%;
height: 25px;
border: none;
margin-top: 1.3rem;
background-color: var(--theme-dropdown-color);
}
.app-profile-login-row {
margin: 2rem 0 0 2rem;
width: 70%;
border: 1px solid var(--theme-grey-background-color);
border-radius: 1rem;
}
.app-profile-login {
display: flex;
padding-left: 1rem;
}
.app-profile-login-dropdown-details {
width: 24%;
height: 25px;
border: none;
margin-top: 1.3rem;
background-color: var(--theme-dropdown-color);
}
.app-profile-login-dropdown-heading-forgot {
margin-top: 1.3rem;
color: var(--theme-heading-color);
margin-left: 16rem;
}
.app-profile-company-row {
margin-top: 2rem;
}
.app-profile-contact-row {
margin: 2rem 0 5rem 2rem;
width: 70%;
border: 1px solid var(--theme-grey-background-color);
border-radius: 1rem;
}
.app-error-message {
padding-top: 2rem;
padding-left: 0.5rem;
}
}