Compare commits
1 Commits
feat/v12-k
...
feat/v12-r
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
272fb5c181 |
@@ -5,7 +5,7 @@ import CarteOWrapper from '../vue/CarteOWrapper.vue';
|
|||||||
import ChatbotV2 from '../vue/ChatbotV2.vue';
|
import ChatbotV2 from '../vue/ChatbotV2.vue';
|
||||||
import EmbedDynamique from '../vue/EmbedDynamique.vue';
|
import EmbedDynamique from '../vue/EmbedDynamique.vue';
|
||||||
---
|
---
|
||||||
<div id="col-centre-grid" class="h-full grid grid-rows-2 gap-2 p-2">
|
<div id="col-centre-grid" class="h-full grid gap-2 p-2" style="grid-template-rows: 1fr 2fr;">
|
||||||
<!-- HAUT 50% : tabs Carte O / Chatbot -->
|
<!-- HAUT 50% : tabs Carte O / Chatbot -->
|
||||||
<section id="col-centre-haut" class="border border-neutral-200 rounded flex flex-col overflow-hidden bg-white" style="min-height: 0;">
|
<section id="col-centre-haut" class="border border-neutral-200 rounded flex flex-col overflow-hidden bg-white" style="min-height: 0;">
|
||||||
<nav role="tablist" aria-label="Vues centrales" class="flex border-b border-neutral-200 px-1 pt-1">
|
<nav role="tablist" aria-label="Vues centrales" class="flex border-b border-neutral-200 px-1 pt-1">
|
||||||
@@ -97,8 +97,8 @@ import EmbedDynamique from '../vue/EmbedDynamique.vue';
|
|||||||
haut.style.minHeight = '0';
|
haut.style.minHeight = '0';
|
||||||
poignee?.setAttribute('aria-label', 'Deployer la Carte O');
|
poignee?.setAttribute('aria-label', 'Deployer la Carte O');
|
||||||
} else {
|
} else {
|
||||||
grid.classList.add('grid-rows-2');
|
grid.classList.remove('grid-rows-2');
|
||||||
grid.style.gridTemplateRows = '';
|
grid.style.gridTemplateRows = '1fr 2fr';
|
||||||
haut.style.overflow = '';
|
haut.style.overflow = '';
|
||||||
haut.style.minHeight = '';
|
haut.style.minHeight = '';
|
||||||
poignee?.setAttribute('aria-label', 'Replier la Carte O');
|
poignee?.setAttribute('aria-label', 'Replier la Carte O');
|
||||||
@@ -141,7 +141,7 @@ import EmbedDynamique from '../vue/EmbedDynamique.vue';
|
|||||||
const parts = rows.split(' ');
|
const parts = rows.split(' ');
|
||||||
return parseFloat(parts[0]) || 50;
|
return parseFloat(parts[0]) || 50;
|
||||||
}
|
}
|
||||||
return 50;
|
return 33.33;
|
||||||
};
|
};
|
||||||
|
|
||||||
dragHandle.addEventListener('mousedown', (e: MouseEvent) => {
|
dragHandle.addEventListener('mousedown', (e: MouseEvent) => {
|
||||||
@@ -182,10 +182,10 @@ import EmbedDynamique from '../vue/EmbedDynamique.vue';
|
|||||||
gridEl.classList.remove('grid-rows-2');
|
gridEl.classList.remove('grid-rows-2');
|
||||||
}
|
}
|
||||||
|
|
||||||
// Double-click sur drag handle = reset 50/50
|
// Double-click sur drag handle = reset default 1/3 + 2/3
|
||||||
dragHandle.addEventListener('dblclick', () => {
|
dragHandle.addEventListener('dblclick', () => {
|
||||||
gridEl.style.gridTemplateRows = '';
|
gridEl.style.gridTemplateRows = '1fr 2fr';
|
||||||
gridEl.classList.add('grid-rows-2');
|
gridEl.classList.remove('grid-rows-2');
|
||||||
sessionStorage.removeItem('tf-centre-rows');
|
sessionStorage.removeItem('tf-centre-rows');
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user