studio-variable/geoproject-app
5
0
Fork 0
Code Issues 3 Pull requests Projects Releases Packages Wiki Activity Actions

editor panel : pointer events none when closed

Browse source
This commit is contained in:
isUnknown 2025-12-10 13:37:55 +01:00
parent 6b578012b7
commit e4b3188aff
1 changed files with 12 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

15
src/components/editor/EditorPanel.vue
View file

@ -34,8 +34,14 @@
@click="activeTab = ''" @click="activeTab = ''"
title="Fermer le panneau" title="Fermer le panneau"
> >
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"> <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> xmlns="http://www.w3.org/2000/svg"
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>
@ -75,6 +81,7 @@ 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 {
@ -84,6 +91,7 @@ nav {
display: flex; display: flex;
gap: 0.5rem; gap: 0.5rem;
z-index: 2; z-index: 2;
pointer-events: all;
} }
.close-button { .close-button {
@ -117,7 +125,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;
@ -125,6 +133,7 @@ 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 {