[ACS-7372] - user profile page issues (#3757)

* [ACS-7372] - [ACA] User profile page issues
This commit is contained in:
dominikiwanekhyland
2024-04-04 16:56:12 +02:00
committed by MichalKinas
parent dd06414e91
commit ccbad2cdd0
3 changed files with 42 additions and 38 deletions

View File

@@ -1,14 +1,16 @@
.aca-user-menu-button {
border-radius: 90%;
height: 32px;
margin-right: 0;
min-width: 36px;
padding: 0;
font-weight: 700;
line-height: 32px;
text-align: center;
vertical-align: middle;
background: var(--theme-about-panel-border-color);
color: var(--theme-sidenav-user-menu-color);
border: none;
.aca-user-menu {
.aca-user-menu-button {
border-radius: 90%;
height: 32px;
margin-right: 0;
min-width: 32px;
width: 32px;
padding: 0;
font-weight: 700;
line-height: 32px;
text-align: center;
vertical-align: middle;
background: var(--theme-about-panel-border-color);
border: none;
}
}

View File

@@ -22,7 +22,7 @@
* from Hyland Software. If not, see <http://www.gnu.org/licenses/>.
*/
import { Component, Input, OnInit, ViewEncapsulation, inject } from '@angular/core';
import { Component, inject, Input, OnInit, ViewEncapsulation } from '@angular/core';
import { ContentActionRef } from '@alfresco/adf-extensions';
import { CommonModule } from '@angular/common';
import { MatButtonModule } from '@angular/material/button';
@@ -38,7 +38,8 @@ import { Store } from '@ngrx/store';
selector: 'aca-user-menu',
templateUrl: './user-menu.component.html',
styleUrls: ['./user-menu.component.scss'],
encapsulation: ViewEncapsulation.None
encapsulation: ViewEncapsulation.None,
host: { class: 'aca-user-menu' }
})
export class UserMenuComponent implements OnInit {
private store = inject<Store<AppStore>>(Store<AppStore>);

View File

@@ -73,6 +73,30 @@ app-view-profile {
.app-general-edit-btn {
width: 60%;
text-align: end;
.app-general-edit {
background: var(--theme-grey-text-background-color);
height: 30px;
margin: 1rem;
}
.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);
font-weight: 600;
}
}
.app-divider {
@@ -89,33 +113,10 @@ app-view-profile {
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);
}