fix: @click.away→@click.outside GLOBAL — 16 instances across 5 templates
Alpine 3.x a renommé .away en .outside. Toutes les occurrences dans: - base.html (3: user menu, context menu, ws ctx) - page_editor.html (5: share, perm, access, more, gsMore) - workspaces.html (1: dialog overlay) - workspace.html (1: modal overlay) - local_workspace.html (6: create, rename, delete modals, context menus) Ces .away cassées empêchaient tous les @click Alpine de fonctionner sur ces pages (Cancel, Delete, et tous les autres boutons modaux).
This commit is contained in:
@@ -77,7 +77,7 @@
|
||||
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="11 17 6 12 11 7"/><polyline points="18 17 13 12 18 7"/></svg>
|
||||
</button>
|
||||
</div>
|
||||
<div class="user-menu-dropdown" x-show="workspaceMenuOpen" @click.away="workspaceMenuOpen = false" x-transition>
|
||||
<div class="user-menu-dropdown" x-show="workspaceMenuOpen" @click.outside="workspaceMenuOpen = false" x-transition>
|
||||
<div class="um-user-info">
|
||||
<div class="um-avatar" style="{% if avatar_url %}background-image:url('{{ avatar_url }}');background-size:cover;{% else %}background:{{ avatar_color }};{% endif %}">{% if not avatar_url %}{{ user.full_name[:1].upper() if user and user.get('full_name') else workspaceInitial }}{% endif %}</div>
|
||||
<div>
|
||||
@@ -393,7 +393,7 @@
|
||||
<div class="context-menu" id="context-menu"
|
||||
:class="{ visible: contextMenu.visible }"
|
||||
:style="'left:' + contextMenu.x + 'px; top:' + contextMenu.y + 'px'"
|
||||
@click.away="contextMenu.visible = false">
|
||||
@click.outside="contextMenu.visible = false">
|
||||
<div class="context-menu-section">
|
||||
<div class="context-menu-label">Database</div>
|
||||
</div>
|
||||
@@ -453,7 +453,7 @@
|
||||
<div class="context-menu" id="ws-context-menu"
|
||||
:class="{ visible: wsCtx.visible }"
|
||||
:style="'left:' + wsCtx.x + 'px; top:' + wsCtx.y + 'px'"
|
||||
@click.away="wsCtx.visible = false">
|
||||
@click.outside="wsCtx.visible = false">
|
||||
<template x-if="wsCtx.isFolder">
|
||||
<div class="context-menu-section">
|
||||
<div class="context-menu-item" @click="wsCtxAction('new-file')">
|
||||
|
||||
@@ -41,7 +41,7 @@ page_title %}{{ page.title }}{% endblock %} {% block topbar %}
|
||||
<div
|
||||
class="share-dialog"
|
||||
x-show="shareOpen"
|
||||
@click.away="shareOpen = false"
|
||||
@click.outside="shareOpen = false"
|
||||
x-transition.opacity.scale.origin.top.right
|
||||
>
|
||||
<!-- Header with tabs -->
|
||||
@@ -121,7 +121,7 @@ page_title %}{{ page.title }}{% endblock %} {% block topbar %}
|
||||
<div
|
||||
class="sd-perm-menu"
|
||||
x-show="a.permOpen"
|
||||
@click.away="a.permOpen = false"
|
||||
@click.outside="a.permOpen = false"
|
||||
>
|
||||
<div
|
||||
class="sd-perm-option"
|
||||
@@ -184,7 +184,7 @@ page_title %}{{ page.title }}{% endblock %} {% block topbar %}
|
||||
<div
|
||||
class="sd-access-menu"
|
||||
x-show="accessMenuOpen"
|
||||
@click.away="accessMenuOpen = false"
|
||||
@click.outside="accessMenuOpen = false"
|
||||
x-transition
|
||||
>
|
||||
<div
|
||||
@@ -366,7 +366,7 @@ page_title %}{{ page.title }}{% endblock %} {% block topbar %}
|
||||
<div
|
||||
class="more-menu"
|
||||
x-show="moreOpen"
|
||||
@click.away="moreOpen = false"
|
||||
@click.outside="moreOpen = false"
|
||||
x-transition
|
||||
>
|
||||
<div class="more-menu-item" @click="exportPage">↗ Export</div>
|
||||
@@ -475,7 +475,7 @@ page_title %}{{ page.title }}{% endblock %} {% block topbar %}
|
||||
<div
|
||||
class="gs-more-dropdown"
|
||||
x-show="gsMoreOpen"
|
||||
@click.away="gsMoreOpen = false"
|
||||
@click.outside="gsMoreOpen = false"
|
||||
x-transition
|
||||
>
|
||||
<div class="gs-more-item" @click="gsMoreOpen=false">
|
||||
|
||||
@@ -135,7 +135,7 @@
|
||||
</div>
|
||||
|
||||
<!-- Create Modal -->
|
||||
<div class="modal-overlay" x-show="showCreateModal" @click.away="showCreateModal=false" @keydown.escape="showCreateModal=false">
|
||||
<div class="modal-overlay" x-show="showCreateModal" @click.outside="showCreateModal=false" @keydown.escape="showCreateModal=false">
|
||||
<div class="modal-box">
|
||||
<h3>Create New Project</h3>
|
||||
<input class="modal-input" x-model="newProjectName" placeholder="Project name" @keydown.enter="createProject">
|
||||
|
||||
@@ -165,7 +165,7 @@
|
||||
</div>
|
||||
|
||||
<!-- Create/Rename dialog -->
|
||||
<div class="dialog-overlay" x-show="showCreate||showRename" @click.away="showCreate=false;showRename=false">
|
||||
<div class="dialog-overlay" x-show="showCreate||showRename" @click.outside="showCreate=false;showRename=false">
|
||||
<div class="dialog-box">
|
||||
<h3 x-text="showRename?'Rename Workspace':'New Workspace'"></h3>
|
||||
<input class="dialog-input" x-model="wsName" placeholder="Workspace name" @keydown.enter="showRename?doRename():doCreate()">
|
||||
|
||||
Reference in New Issue
Block a user