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-7285] - [ACA] Angular 15 - Left sidebar + table (#3719)

Browse Source
This commit is contained in:
jacekpluta
2024-03-21 12:46:43 +01:00
committed by MichalKinas
parent ba76352905
commit 04310a1b62
4 changed files with 32 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
projects/aca-content/src/lib/components/sidenav/sidenav.component.html
View File

@@ -3,7 +3,7 @@
<div class="aca-sidenav__section"> <div class="aca-sidenav__section">
<div *ngFor="let group of groups; trackBy: trackByGroupId" class="aca-sidenav__section__actions"> <div *ngFor="let group of groups; trackBy: trackByGroupId" class="aca-sidenav__section__actions">
<mat-list-item *ngFor="let item of group.items; trackBy: trackByLinkId"> <mat-list-item class="aca-sidenav__section__actions__item" *ngFor="let item of group.items; trackBy: trackByLinkId">
<ng-container *ngIf="!item.component"> <ng-container *ngIf="!item.component">
<app-expand-menu [item]="item"></app-expand-menu> <app-expand-menu [item]="item"></app-expand-menu>
</ng-container> </ng-container>

14
projects/aca-content/src/lib/components/sidenav/sidenav.component.scss
View File

@@ -96,11 +96,13 @@
} }
.aca-action-button { .aca-action-button {
cursor: pointer;
color: var(--theme-action-button-text-color); color: var(--theme-action-button-text-color);
height: 32px; height: 32px;
padding: 0 24px; padding: 0 24px;
border-radius: 0; border-radius: 0;
line-height: 32px; line-height: 32px;
justify-content: start;
&--active { &--active {
color: var(--theme-sidenav-active-text-color); color: var(--theme-sidenav-active-text-color);
@@ -113,8 +115,18 @@
width: 100%; width: 100%;
} }
&__actions:last-child { &__actions {
&__item:has(span) {
padding: 0;
span {
pointer-events: auto;
}
}
&:last-child {
border-bottom: 0; border-bottom: 0;
} }
} }
}
} }

2
projects/aca-content/src/lib/ui/overrides/ay11.scss
View File

@@ -8,7 +8,7 @@
@include rounded-outline; @include rounded-outline;
} }
.mat-ripple { .mat-ripple, .mdc-icon-button__ripple {
display: none; display: none;
} }

16
projects/aca-content/src/lib/ui/theme.scss
View File

@@ -10,6 +10,10 @@ mat-toolbar {
color: var(--theme-text-color, rgba(0, 0, 0, 0.54)); color: var(--theme-text-color, rgba(0, 0, 0, 0.54));
} }
mat-icon {
vertical-align: middle;
}
.adf-name-location-cell-location.adf-datatable-cell-value { .adf-name-location-cell-location.adf-datatable-cell-value {
color: var(--theme-secondary-text); color: var(--theme-secondary-text);
} }
@@ -22,6 +26,18 @@ mat-toolbar {
} }
} }
.mat-mdc-button:is(button),
.mat-mdc-icon-button:is(button),
.mat-mdc-icon-button.mat-mdc-button-base:is(button) {
padding: 0;
height: 40px;
width: 40px;
.mat-mdc-button-touch-target {
display: none;
}
}
.mdc-floating-label, .mdc-floating-label,
.mat-mdc-tab-list .mat-mdc-tab-labels .mdc-tab, .mat-mdc-tab-list .mat-mdc-tab-labels .mdc-tab,
.mat-mdc-checkbox label, .mat-mdc-checkbox label,