feat: menus tableur a icones, fermeture au focus et polish mobile #179

frontend/style.css

@@ -11332,6 +11332,7 @@ body.desktop-mode .editor-container {
   top: 100%;
   z-index: 1000;
   min-width: 200px;
+  max-width: 86vw;
   padding: 4px;
   background: var(--bg, #fff);
   border: 1px solid var(--border);
@@ -11410,6 +11411,7 @@ body.desktop-mode .editor-container {
   flex-direction: column;
   gap: 2px;
   min-width: 240px;
+  max-width: min(320px, 92vw);
   margin-top: 4px;
   padding: 6px;
   border: 1px solid var(--border);
@@ -11608,6 +11610,32 @@ body.desktop-mode .editor-container {
   background: var(--border);
 }
 
+/* #179 — shared menu-entry icon (grid context menu, structure, format, export). */
+.xlsx-menu-icon {
+  width: 14px;
+  height: 14px;
+  flex: 0 0 auto;
+}
+.xlsx-menu-label {
+  flex: 1 1 auto;
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.xlsx-context-item,
+.xlsx-structure-item,
+.xlsx-export-menu .export-menu-item {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+.xlsx-context-item:focus:not(:disabled),
+.xlsx-structure-item:focus:not(:disabled),
+.xlsx-export-menu .export-menu-item:focus {
+  background: var(--bg-hover);
+  outline: 2px solid var(--accent, #4a90d9);
+  outline-offset: -2px;
+}
 /* #155 — Excel-like range selection + right-click / long-press context menu. */
 .xlsx-table tbody td.xlsx-selected {
   background: var(--accent-bg);
@@ -11625,12 +11653,30 @@ body.desktop-mode .editor-container {
   display: flex;
   flex-direction: column;
   min-width: 220px;
+  max-width: min(320px, 86vw);
+  max-height: 80vh;
+  overflow-y: auto;
   padding: 6px;
   border: 1px solid var(--border);
   border-radius: 8px;
   background: var(--surface);
   box-shadow: 0 12px 32px var(--shadow, rgba(0, 0, 0, 0.35));
 }
+/* #179 — touch-sized entries + viewport-bound menus on coarse pointers. */
+@media (pointer: coarse) {
+  .xlsx-context-item,
+  .xlsx-structure-item,
+  .xlsx-export-menu .export-menu-item {
+    min-height: 44px;
+    font-size: 0.9rem;
+  }
+  .xlsx-context-menu {
+    min-width: min(260px, 86vw);
+  }
+  .xlsx-structure-menu {
+    max-width: 92vw;
+  }
+}
 .xlsx-context-item {
   text-align: left;
   border: none;