almet/umap
1
0
Fork 0
mirror of https://github.com/umap-project/umap.git synced 2025-04-29 03:42:37 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

wip: use position: fixed for input/textarea in tableeditor

Browse source 
so it does not increase the cell width and does not change all
the table size.
Actually, there is still a small size change as we remove the cell
content before adding the input/textarea, but more subtle than before
This commit is contained in:
Yohan Boniface 2024-07-10 11:21:51 +02:00
parent 3fb7be28ec
commit 9f04f56c7c
2 changed files with 6 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
umap/static/umap/css/tableeditor.css
View file

@ -70,9 +70,13 @@
.umap-table-editor .formbox, .umap-table-editor .formbox,
.umap-table-editor input { .umap-table-editor input {
margin: 0; margin: 0;
min-height: initial;
} }
.umap-table-editor input { .umap-table-editor textarea,
.umap-table-editor input[type=text] {
border-radius: initial; border-radius: initial;
width: initial;
position: fixed;
} }
.umap-table-editor th button { .umap-table-editor th button {
transform: rotate(90deg); transform: rotate(90deg);

4
umap/static/umap/js/modules/tableeditor.js
View file

@ -215,10 +215,8 @@ export default class TableEditor extends WithTemplate {
const tr = event.target.closest('tr') const tr = event.target.closest('tr')
const feature = this.datalayer.getFeatureById(tr.dataset.feature) const feature = this.datalayer.getFeatureById(tr.dataset.feature)
const handler = property === 'description' ? 'Textarea' : 'Input' const handler = property === 'description' ? 'Textarea' : 'Input'
const builder = new U.FormBuilder(feature, [[field, { handler: handler }]], { const builder = new U.FormBuilder(feature, [[field, { handler }]], {
id: `umap-feature-properties_${L.stamp(feature)}`, id: `umap-feature-properties_${L.stamp(feature)}`,
className: 'trow',
callback: feature.resetTooltip,
}) })
cell.innerHTML = '' cell.innerHTML = ''
cell.appendChild(builder.build()) cell.appendChild(builder.build())