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-5539] Icon and pressed state of buttons updated as per the figma (#3449)

Browse Source 
* Updated the icon as per the figma

* pressed state for buttons updated

* review comments resolved

* Resolved the review comments
This commit is contained in:
pkunduGL
2023-09-27 18:52:16 +05:30
committed by GitHub
parent ce543ff483
commit c5f1e22740
2 changed files with 17 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
projects/aca-content/src/lib/components/details/details.component.scss
View File

@@ -5,6 +5,12 @@ app-details-manager {
outline: none; outline: none;
border-radius: 4px; border-radius: 4px;
&:focus {
background-color: var(--theme-selected-background-color);
outline: 2px solid var(--theme-blue-button-color);
border-radius: 4px;
}
&:focus-visible { &:focus-visible {
outline: 2px solid var(--theme-blue-button-color); outline: 2px solid var(--theme-blue-button-color);
border-radius: 4px; border-radius: 4px;

12
projects/aca-content/src/lib/components/toolbar/toggle-info-drawer/toggle-info-drawer.component.ts
View File

@@ -44,9 +44,19 @@ import { MatIconModule } from '@angular/material/icon';
[attr.title]="'APP.ACTIONS.DETAILS' | translate" [attr.title]="'APP.ACTIONS.DETAILS' | translate"
(click)="onClick()" (click)="onClick()"
> >
<mat-icon>menu_open</mat-icon> <mat-icon>view_sidebar</mat-icon>
</button> </button>
`, `,
styles: [
`
.app-toggle-info-drawer button:focus {
border: 2px solid var(--theme-blue-button-color);
border-radius: 6px;
outline: none;
background-color: var(--theme-selected-background-color);
}
`
],
encapsulation: ViewEncapsulation.None, encapsulation: ViewEncapsulation.None,
host: { class: 'app-toggle-info-drawer' } host: { class: 'app-toggle-info-drawer' }
}) })