fork/cellxgene
1
0
Fork 0
mirror of https://github.com/chanzuckerberg/cellxgene.git synced 2026-10-05 04:38:12 +08:00
Code Issues Packages Projects Releases Wiki Activity

Fix Truncation styling issues (#1558)

Browse Source 
* fix color inheritance

* tweak width constants

* update snapshot

* Trigger workflow
This commit is contained in:
Severiano Badajoz
2020-06-16 10:48:28 -07:00
committed by GitHub
parent d6a96e9c29
commit 0e28df0bd6
3 changed files with 22 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/src/components/categorical/value/index.js
+8 -4
View File
@@ -456,11 +456,11 @@ class CategoryValue extends React.Component {
const valueToggleLabel = `value-toggle-checkbox-${displayString}`;
const VALUE_HEIGHT = 11;
const LEFT_MARGIN = 33;
const LEFT_MARGIN = 60;
const CHECKBOX = 26;
const CELL_NUMBER = 61;
const CELL_NUMBER = 50;
const ANNO_MENU = 26;
const LABEL_MARGIN = 24;
const LABEL_MARGIN = 16;
const otherElementsWidth =
LEFT_MARGIN +
@@ -470,10 +470,14 @@ class CategoryValue extends React.Component {
(isUserAnno ? ANNO_MENU : 0);
const CHART_WIDTH = 100;
const CHART_MARGIN = 24;
const labelWidth =
colorAccessor && !isColorBy
? globals.leftSidebarWidth - otherElementsWidth - CHART_WIDTH
? globals.leftSidebarWidth -
otherElementsWidth -
CHART_WIDTH -
CHART_MARGIN
: globals.leftSidebarWidth - otherElementsWidth;
return (