From 9aaaad67090d8365fe9e9eeba60f760e940ce0a1 Mon Sep 17 00:00:00 2001 From: Severiano Badajoz Date: Thu, 21 Nov 2019 20:14:11 -0800 Subject: [PATCH] tweak allotted width for value name + occupancy and tweak truncating (#1051) --- client/src/components/categorical/value.js | 2 +- client/src/globals.js | 4 ++-- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/client/src/components/categorical/value.js b/client/src/components/categorical/value.js index 16a74480..b1e5f002 100644 --- a/client/src/components/categorical/value.js +++ b/client/src/components/categorical/value.js @@ -360,7 +360,7 @@ class CategoryValue extends React.Component { margin: 0, padding: 0, userSelect: "none", - width: globals.leftSidebarWidth - 130, + width: globals.leftSidebarWidth - 145, display: "flex", justifyContent: "space-between" }} diff --git a/client/src/globals.js b/client/src/globals.js index daee8339..bed641c9 100644 --- a/client/src/globals.js +++ b/client/src/globals.js @@ -70,8 +70,8 @@ export const leftSidebarSectionHeading = { letterSpacing: ".05em" }; export const leftSidebarSectionPadding = 10; -export const categoryLabelDisplayStringLongLength = 35; -export const categoryLabelDisplayStringShortLength = 15; +export const categoryLabelDisplayStringLongLength = 27; +export const categoryLabelDisplayStringShortLength = 11; /* various timing-related behaviors */ export const tooltipHoverOpenDelay = 1000; /* ms delay before a tooltip displays */