From 9ab34e9ad817df775fbced65cad4707fdeec7f94 Mon Sep 17 00:00:00 2001
From: Corson-Dosch <hcorson-dosch@usgs.gov>
Date: Thu, 20 Mar 2025 11:53:56 -0500
Subject: [PATCH] add max width for top threats map
---
src/components/FindexGlobalThreatsViz.vue | 7 +++++--
1 file changed, 5 insertions(+), 2 deletions(-)
diff --git a/src/components/FindexGlobalThreatsViz.vue b/src/components/FindexGlobalThreatsViz.vue
index 0057e29..559eb5c 100644
--- a/src/components/FindexGlobalThreatsViz.vue
+++ b/src/components/FindexGlobalThreatsViz.vue
@@ -78,7 +78,8 @@
<div v-if="!primaryCategorySelected">
<div v-for="item, index in subCategoryData.subThreatText" :key="index" class="accordion-container" :class="`${tab.tabContentTitleID}-accordion`">
<button class="accordion" :class="[`${tab.tabContentTitleID}-bkgd`, { 'active': item.activeOnLoad }]" @click="accordionClick">
- <h4 class="accordion-button-text" v-html="item.heading"></h4><span class="symbol"></span>
+ <h4 class="accordion-button-text" v-html="item.heading"></h4>
+ <span class="symbol"></span>
</button>
<div class="panel" :class="[{ 'active': item.activeOnLoad }]">
<p v-if="!primaryCategorySelected" v-html="item.text" />
@@ -196,6 +197,7 @@
function accordionClick(event) {
// Pull class associated with target
const targetClass = event.target.classList.value
+ console.log(targetClass)
// If the target is the button text, target the parent button element
// Otherwise if the target is the button, target it directly
const accordion = targetClass == 'accordion-button-text' ? event.target.parentElement : event.target
@@ -212,7 +214,8 @@
}
#top-threat-map-container {
position: relative;
- margin: 4rem 0 3rem 0;
+ margin: 4rem auto 3rem auto;
+ max-width: 1200px;
}
.base-image {
position: relative;
--
GitLab