diff --git a/app/components/home/AxisBlock.vue b/app/components/home/AxisBlock.vue index 125855a..a901ab7 100644 --- a/app/components/home/AxisBlock.vue +++ b/app/components/home/AxisBlock.vue @@ -16,12 +16,17 @@ class="axis-item card-surface" :class="{ 'axis-item--gestation': item.gestation }" > - + + class="axis-item-overlay" + :aria-label="item.label" + tabindex="-1" + /> + + +
Ğ1 @@ -46,9 +51,9 @@

{{ item.presentation.text }}

-
+ - +
@@ -185,9 +190,18 @@ function itemAttrs(item: AxisItem) { border: 1px solid hsl(var(--color-text) / 0.08); background: hsl(var(--color-surface)); transition: border-color 0.2s, box-shadow 0.2s; + position: relative; /* overflow: visible pour laisser le tooltip sortir du cadre */ } +/* Lien overlay — couvre toute la carte, AU-DESSUS du contenu */ +.axis-item-overlay { + position: absolute; + inset: 0; + z-index: 1; + border-radius: inherit; +} + .axis-item:hover { border-color: hsl(var(--color-primary) / 0.25); box-shadow: 0 4px 24px hsl(var(--color-primary) / 0.06); @@ -206,7 +220,6 @@ function itemAttrs(item: AxisItem) { flex-direction: column; padding: 1.25rem; flex: 1; - text-decoration: none; color: inherit; } @@ -262,6 +275,8 @@ function itemAttrs(item: AxisItem) { background: hsl(var(--color-bg) / 0.4); border-bottom-left-radius: 0.75rem; border-bottom-right-radius: 0.75rem; + position: relative; + z-index: 2; } .axis-actions-row { diff --git a/app/pages/citoyenne/index.vue b/app/pages/citoyenne/index.vue index c34c683..e98ba75 100644 --- a/app/pages/citoyenne/index.vue +++ b/app/pages/citoyenne/index.vue @@ -343,7 +343,8 @@