inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-06-30 18:15:11 +00:00
Code Issues Packages Projects Releases Wiki Activity

[ACS-8634] Additional fixes (#10351)

Browse Source 
* [ACS-8634] Limit drag area for dragging datatable rows

* ACS-8634 Fixed styles for context menu

* [ACS-8634] Keep row and cell appearance while dragging

---------

Co-authored-by: Aleksander Sklorz <Aleksander.Sklorz@hyland.com>
This commit is contained in:
MichalKinas 2024-10-31 14:15:57 +01:00 committed by GitHub
parent c93823a16b
commit f4cd4dc40a
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
4 changed files with 21 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
lib/core/src/lib/context-menu/context-menu-list.component.scss Normal file
View File

@ -0,0 +1,15 @@
@use '@angular/material' as mat;
@keyframes delayed-elevation {
0% {
box-shadow: none;
}
100% {
@include mat.elevation(8);
}
}
adf-context-menu {
animation: delayed-elevation 0.5s ease-in-out 0.1s forwards;
}

1
lib/core/src/lib/context-menu/context-menu-list.component.ts
View File

@ -31,6 +31,7 @@ import { DOWN_ARROW, UP_ARROW } from '@angular/cdk/keycodes';
selector: 'adf-context-menu',
standalone: true,
templateUrl: './context-menu-list.component.html',
styleUrls: ['./context-menu-list.component.scss'],
host: {
role: 'menu',
class: 'adf-context-menu'

1
lib/core/src/lib/datatable/components/datatable/datatable.component.html
View File

@ -165,6 +165,7 @@
(cdkDragDropped)="onDragDrop($event)"
(cdkDragStarted)="onDragStart()"
(cdkDragEnded)="onDragEnd()"
[cdkDragBoundary]="'.adf-datatable-body'"
[row]="row"
(select)="onEnterKeyPressed(row, $event)"
(keyup)="onRowKeyUp(row, $event)"

5
lib/core/src/lib/datatable/components/datatable/datatable.component.scss
View File

@ -52,7 +52,8 @@ $data-table-cell-min-width-file-size: $data-table-cell-min-width-1 !default;
}
}
.adf-datatable-list {
.adf-datatable-list,
#{$cdk-drag-preview} {
display: flex;
flex-direction: column;
background-color: var(--adf-theme-background-card-color);
@ -603,7 +604,9 @@ $data-table-cell-min-width-file-size: $data-table-cell-min-width-1 !default;
#{$cdk-drag-preview} {
min-height: $data-table-row-height;
display: flex;
flex-direction: row;
align-items: center;
box-sizing: unset;
background-color: var(--theme-background-color);
border-top: 2px solid var(--theme-selected-background-color);
opacity: 1;