diff --git a/src/App.vue b/src/App.vue index d18723a..d3b69f8 100644 --- a/src/App.vue +++ b/src/App.vue @@ -236,7 +236,7 @@ const clearSelectedPages = () => { selectedPages.value = []; }; -// Text elements that can trigger ElementPopup (excluding containers, images, etc.) +// Content elements that can trigger ElementPopup const CONTENT_ELEMENTS = [ 'P', 'H1', @@ -245,17 +245,34 @@ const CONTENT_ELEMENTS = [ 'H4', 'H5', 'H6', - 'BLOCKQUOTE', + 'IMG', + 'FIGURE', + 'FIGCAPTION', + 'UL', + 'OL', 'LI', + 'BLOCKQUOTE', + 'PRE', + 'CODE', + 'TABLE', + 'THEAD', + 'TBODY', + 'TR', + 'TH', + 'TD', 'A', + 'SPAN', 'STRONG', 'EM', 'B', 'I', 'U', - 'CODE', - 'PRE', - 'FIGCAPTION', + 'ARTICLE', + 'SECTION', + 'ASIDE', + 'HEADER', + 'FOOTER', + 'NAV', ]; // Check if element is a content element (or find closest content parent) diff --git a/src/components/editor/EditorPanel.vue b/src/components/editor/EditorPanel.vue index 26a3f2f..e209215 100644 --- a/src/components/editor/EditorPanel.vue +++ b/src/components/editor/EditorPanel.vue @@ -34,14 +34,8 @@ @click="activeTab = ''" title="Fermer le panneau" > - - + + @@ -81,7 +75,6 @@ const activeTab = inject('activeTab'); display: flex; flex-direction: column; z-index: 2; - pointer-events: none; } nav { @@ -91,7 +84,6 @@ nav { display: flex; gap: 0.5rem; z-index: 2; - pointer-events: all; } .close-button { @@ -125,7 +117,7 @@ nav { flex: 1; overflow: hidden; position: relative; - left: calc(var(--panel-w) * -1); + left: calc(var(--panel-w)*-1); padding: 4rem 0; @@ -133,7 +125,6 @@ nav { box-shadow: -5px 0px 12px; transition: left 0.3s var(--curve); - pointer-events: all; } .tab-content.open {