inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-07-24 17:32:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

AAE-12839: Improved column resize handle clickable area (#8325)

Browse Source 
* AAE-12839: Improved column resize handle clickable area

* AAE-12839: Fixed lint issue
This commit is contained in:
Ehsan Rezaei
2023-03-03 17:44:02 +01:00
committed by GitHub
parent 97253bba85
commit 005b26c54f
2 changed files with 7 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -98,6 +98,7 @@
adf-resize-handle adf-resize-handle
class="adf-datatable__resize-handle" class="adf-datatable__resize-handle"
[resizableContainer]="resizableElement"> [resizableContainer]="resizableElement">
<div class="adf-datatable__resize-handle--divider"></div>
</div> </div>
<div <div
*ngIf="col.draggable" *ngIf="col.draggable"

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

@@ -23,8 +23,12 @@ $data-table-cell-min-width-file-size: $data-table-cell-min-width !default;
} }
&__resize-handle { &__resize-handle {
align-self: stretch; padding: 0 2px;
border: 0.5px solid var(--theme-border-color);
&--divider {
padding: 24px 0;
border: 1px solid var(--theme-border-color);
}
&:hover { &:hover {
cursor: col-resize; cursor: col-resize;