Compare commits
No commits in common. "e4b3188aff7e86932f26ec6ff727f9b77aa61164" and "0b511389dad5cf4b4ab1e6ffec9b4d05965dd37d" have entirely different histories.
e4b3188aff
...
0b511389da
2 changed files with 25 additions and 17 deletions
27
src/App.vue
27
src/App.vue
|
|
@ -236,7 +236,7 @@ const clearSelectedPages = () => {
|
||||||
selectedPages.value = [];
|
selectedPages.value = [];
|
||||||
};
|
};
|
||||||
|
|
||||||
// Text elements that can trigger ElementPopup (excluding containers, images, etc.)
|
// Content elements that can trigger ElementPopup
|
||||||
const CONTENT_ELEMENTS = [
|
const CONTENT_ELEMENTS = [
|
||||||
'P',
|
'P',
|
||||||
'H1',
|
'H1',
|
||||||
|
|
@ -245,17 +245,34 @@ const CONTENT_ELEMENTS = [
|
||||||
'H4',
|
'H4',
|
||||||
'H5',
|
'H5',
|
||||||
'H6',
|
'H6',
|
||||||
'BLOCKQUOTE',
|
'IMG',
|
||||||
|
'FIGURE',
|
||||||
|
'FIGCAPTION',
|
||||||
|
'UL',
|
||||||
|
'OL',
|
||||||
'LI',
|
'LI',
|
||||||
|
'BLOCKQUOTE',
|
||||||
|
'PRE',
|
||||||
|
'CODE',
|
||||||
|
'TABLE',
|
||||||
|
'THEAD',
|
||||||
|
'TBODY',
|
||||||
|
'TR',
|
||||||
|
'TH',
|
||||||
|
'TD',
|
||||||
'A',
|
'A',
|
||||||
|
'SPAN',
|
||||||
'STRONG',
|
'STRONG',
|
||||||
'EM',
|
'EM',
|
||||||
'B',
|
'B',
|
||||||
'I',
|
'I',
|
||||||
'U',
|
'U',
|
||||||
'CODE',
|
'ARTICLE',
|
||||||
'PRE',
|
'SECTION',
|
||||||
'FIGCAPTION',
|
'ASIDE',
|
||||||
|
'HEADER',
|
||||||
|
'FOOTER',
|
||||||
|
'NAV',
|
||||||
];
|
];
|
||||||
|
|
||||||
// Check if element is a content element (or find closest content parent)
|
// Check if element is a content element (or find closest content parent)
|
||||||
|
|
|
||||||
|
|
@ -34,14 +34,8 @@
|
||||||
@click="activeTab = ''"
|
@click="activeTab = ''"
|
||||||
title="Fermer le panneau"
|
title="Fermer le panneau"
|
||||||
>
|
>
|
||||||
<svg
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
<path d="M4.83582 12L11.0429 18.2071L12.4571 16.7929L7.66424 12L12.4571 7.20712L11.0429 5.79291L4.83582 12ZM10.4857 12L16.6928 18.2071L18.107 16.7929L13.3141 12L18.107 7.20712L16.6928 5.79291L10.4857 12Z"></path>
|
||||||
viewBox="0 0 24 24"
|
|
||||||
fill="currentColor"
|
|
||||||
>
|
|
||||||
<path
|
|
||||||
d="M4.83582 12L11.0429 18.2071L12.4571 16.7929L7.66424 12L12.4571 7.20712L11.0429 5.79291L4.83582 12ZM10.4857 12L16.6928 18.2071L18.107 16.7929L13.3141 12L18.107 7.20712L16.6928 5.79291L10.4857 12Z"
|
|
||||||
></path>
|
|
||||||
</svg>
|
</svg>
|
||||||
</button>
|
</button>
|
||||||
|
|
||||||
|
|
@ -81,7 +75,6 @@ const activeTab = inject('activeTab');
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
z-index: 2;
|
z-index: 2;
|
||||||
pointer-events: none;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
nav {
|
nav {
|
||||||
|
|
@ -91,7 +84,6 @@ nav {
|
||||||
display: flex;
|
display: flex;
|
||||||
gap: 0.5rem;
|
gap: 0.5rem;
|
||||||
z-index: 2;
|
z-index: 2;
|
||||||
pointer-events: all;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.close-button {
|
.close-button {
|
||||||
|
|
@ -125,7 +117,7 @@ nav {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
position: relative;
|
position: relative;
|
||||||
left: calc(var(--panel-w) * -1);
|
left: calc(var(--panel-w)*-1);
|
||||||
|
|
||||||
padding: 4rem 0;
|
padding: 4rem 0;
|
||||||
|
|
||||||
|
|
@ -133,7 +125,6 @@ nav {
|
||||||
box-shadow: -5px 0px 12px;
|
box-shadow: -5px 0px 12px;
|
||||||
|
|
||||||
transition: left 0.3s var(--curve);
|
transition: left 0.3s var(--curve);
|
||||||
pointer-events: all;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.tab-content.open {
|
.tab-content.open {
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue