inteligr8/alfresco-content-app
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-content-app.git synced 2025-07-24 17:31:52 +00:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source 
* [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
Download Patch File Download Diff File Expand all files Collapse all files

28
projects/aca-content/src/lib/components/sidenav/user-menu/user-menu.component.scss
View File

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

5
projects/aca-content/src/lib/components/sidenav/user-menu/user-menu.component.ts
View File

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

47
projects/aca-content/src/lib/components/view-profile/view-profile.component.scss
View File

@@ -73,6 +73,30 @@ app-view-profile {
.app-general-edit-btn { .app-general-edit-btn {
width: 60%; width: 60%;
text-align: end; 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 { .app-divider {
@@ -89,33 +113,10 @@ app-view-profile {
box-shadow: 0 0 2px var(--theme-blue-button-color); 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 { .app-general-edit:hover {
background: var(--theme-grey-hover-background-color); 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 { .app-general-dropdown-divider {
border-top-color: var(--theme-grey-divider-color); border-top-color: var(--theme-grey-divider-color);
} }