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

* 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

View File

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

View File

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