diff --git a/scss/_tooltip.scss b/scss/_tooltip.scss index 86576f6f4..4f2420970 100644 --- a/scss/_tooltip.scss +++ b/scss/_tooltip.scss @@ -21,6 +21,7 @@ display: inline-block; opacity: 1; visibility: visible; + z-index: 100; } .o-tooltip:hover span[data-tooltip]::after { @@ -36,7 +37,7 @@ text-align: center; white-space: nowrap; width: auto; - z-index: 100; + pointer-events: none; } @media (hover: none) { diff --git a/src/controls/editor/editortemplate.js b/src/controls/editor/editortemplate.js index 745e0899d..c13642b17 100644 --- a/src/controls/editor/editortemplate.js +++ b/src/controls/editor/editortemplate.js @@ -1,33 +1,38 @@ export default `
-
- -
-
-
`; diff --git a/src/controls/editor/relatedtablesform.js b/src/controls/editor/relatedtablesform.js index 6993bc031..2fbbf2e6a 100644 --- a/src/controls/editor/relatedtablesform.js +++ b/src/controls/editor/relatedtablesform.js @@ -34,7 +34,7 @@ function relatedTablesForm(viewer, layer, feature, el) { // Add the deletebutton to the row if (!relatedLayerConf.disableDelete) { - const deleteButtonEl = createElement('button', '', { cls: 'compact o-tooltip hover', 'aria-label': 'Ta bort' }); + const deleteButtonEl = createElement('button', '', { cls: 'compact o-tooltip hover', 'aria-label': 'Ta bort' }); deleteButtonEl.addEventListener('click', () => { if (window.confirm(`Är du säker att du vill ta bort objektet ${itemTitle}?`)) { editdispatcher.emitDeleteChild(childLayer, feature, currChild);