Merge pull request #683 from Security-Onion-Solutions/cogburn/chart-s…

…izing Don't Specify Chart Width
Security-Onion-Solutions · Nov 25, 2024 · 3ba609c · 3ba609c
2 parents 67071e0 + 71f6d57
commit 3ba609c
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 7 deletions.
diff --git a/html/css/app.css b/html/css/app.css
@@ -538,12 +538,11 @@ td {
 }
 
 .chart-container {
-  max-width: 528px;
-  max-height: 400px;
   height: 100%;
 }
 
 .chart-container [id^="group-"] {
+  max-height: 475px;
   height: 100%;
 }
 

diff --git a/html/index.html b/html/index.html
@@ -582,19 +582,19 @@ <h4 v-if="loaded" :data-aid="'event_total_' + category">{{ i18n.eventTotal }} {{
                                 </span>
                                 <span class="table-header-actions ml-2">
                                   <router-link v-if="header.value == 'count' && isAdvanced()" :to="buildGroupOptionRoute(groupIdx, [], 'pie')" :title="i18n.showPieChart" style="text-decoration: none; cursor: 'pointer'" :data-aid="'groups_pie_toggle_' + category">
-                                    <v-icon class="text-white">fa-chart-pie</v-icon>
+                                    <v-icon class="theme-icon">fa-chart-pie</v-icon>
                                   </router-link>
                                   <router-link v-if="header.value == 'count' && isAdvanced()" :to="buildGroupOptionRoute(groupIdx, [], 'bar')" :title="i18n.showBarChart" style="text-decoration: none; cursor: 'pointer'" :data-aid="'groups_bar_toggle_' + category">
-                                    <v-icon class="text-white">fa-chart-column</v-icon>
+                                    <v-icon class="theme-icon">fa-chart-column</v-icon>
                                   </router-link>
                                   <router-link v-if="header.value == 'count' && isAdvanced() && isGroupSankeyCapable(group, groupIdx)" icon x-small :to="buildGroupOptionRoute(groupIdx, [], 'sankey')" :title="i18n.showSankeyChart" style="text-decoration: none; cursor: 'pointer'" :data-aid="'groups_sankey_toggle_' + category">
-                                    <v-icon class="text-white">fa-diagram-project</v-icon>
+                                    <v-icon class="theme-icon">fa-diagram-project</v-icon>
                                   </router-link>
                                   <router-link v-if="header.value == 'count' && isAdvanced()" class="mx-1" :to="buildMaximizeRoute(group, groupIdx)" :title="i18n.maximize" style="text-decoration: none; cursor: 'pointer'" :data-aid="'groups_maximize_toggle_' + category">
-                                    <v-icon class="text-white">fa-expand</v-icon>
+                                    <v-icon class="theme-icon">fa-expand</v-icon>
                                   </router-link>
                                   <v-btn v-if="header.value != 'count' && header.value != ''" variant="text" size="x-small" @click.stop="removeGroupBy(groupIdx,headerIdx - getGroupByFieldStartIndex())" :title="i18n.remove" :data-aid="'groups_table_remove_' + category">
-                                    <v-icon class="text-white tiny-icon">fa-circle-xmark</v-icon>
+                                    <v-icon class="theme-icon tiny-icon">fa-circle-xmark</v-icon>
                                   </v-btn>
                                 </span>
                                 <template v-if="isSorted(header)">