Fix: chart labels from overflow (#4824)

rilldata · May 5, 2024 · 97f6eae · 97f6eae · github-actions · May 5, 2024
1 parent 89350b3
commit 97f6eae
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 4 deletions.
diff --git a/web-common/src/features/dashboards/time-dimension-details/charts/ChartTypeSelector.svelte b/web-common/src/features/dashboards/time-dimension-details/charts/ChartTypeSelector.svelte
@@ -73,7 +73,7 @@
 
 <style lang="postcss">
   .chart-type-selector {
-    @apply flex ml-auto overflow-hidden mr-2;
+    @apply flex ml-auto overflow-hidden mr-4;
     @apply border border-primary-300 divide-x divide-primary-300 rounded-sm;
   }
   .chart-icon-wrapper {

diff --git a/web-common/src/features/dashboards/time-series/TimeSeriesChartContainer.svelte b/web-common/src/features/dashboards/time-series/TimeSeriesChartContainer.svelte
@@ -11,11 +11,9 @@ A container GraphicContext for the time series in a metrics dashboard.
   export let enableFullWidth = false;
 
   const paddingForFullWidth = 80;
-
-  $: paddingRight = enableFullWidth ? "pr-6" : "pr-2";
 </script>
 
-<div class={`max-w-full h-fit flex flex-col max-h-full ${paddingRight}`}>
+<div class="max-w-full h-fit flex flex-col max-h-full pr-2">
   <GraphicContext
     bottom={4}
     height={enableFullWidth