mirror of
https://github.com/chanzuckerberg/cellxgene.git
synced 2026-09-22 08:38:11 +08:00
Colin Megill
6aeefb0fe6
* menubar 1 * zoom switching * centering, pixel perfect canvas * remove dead args and code * clipping * remove log * if * connect props * lint * undo * logo left, componetize * graph back to full height * shadow to top * do not prematurely call event handlers during render * change test to deal with async histogram creation * left section padding * lint * adjust graph to account for top bar, * lasso tests * refine histogram tests * remove testing (onlys)
72 lines
1.7 KiB
JavaScript
72 lines
1.7 KiB
JavaScript
// jshint esversion: 6
|
||
import React from "react";
|
||
import { connect } from "react-redux";
|
||
import * as globals from "../../globals";
|
||
import Logo from "../framework/logo";
|
||
|
||
@connect(state => ({
|
||
responsive: state.responsive,
|
||
datasetTitle: state.config?.displayNames?.dataset ?? "",
|
||
scatterplotXXaccessor: state.controls.scatterplotXXaccessor,
|
||
scatterplotYYaccessor: state.controls.scatterplotYYaccessor
|
||
}))
|
||
class LeftSideBar extends React.Component {
|
||
render() {
|
||
const { datasetTitle } = this.props;
|
||
|
||
const paddingToAvoidScrollBar = 15;
|
||
|
||
return (
|
||
<div
|
||
style={{
|
||
paddingLeft: 8,
|
||
paddingTop: 8,
|
||
width: globals.leftSidebarWidth - paddingToAvoidScrollBar,
|
||
position: "absolute",
|
||
backgroundColor: "white",
|
||
zIndex: 8888
|
||
/* x y blur spread color */
|
||
// boxShadow: "-5px -1px 4px 2px rgba(225,225,225,0.4)"
|
||
}}
|
||
>
|
||
<Logo size={30} />
|
||
<span
|
||
style={{
|
||
fontSize: 28,
|
||
position: "relative",
|
||
top: -6,
|
||
fontWeight: "bold",
|
||
marginLeft: 5,
|
||
color: globals.logoColor,
|
||
userSelect: "none"
|
||
}}
|
||
>
|
||
cell<span
|
||
style={{
|
||
position: "relative",
|
||
top: 1,
|
||
fontWeight: 300,
|
||
fontSize: 24
|
||
}}
|
||
>
|
||
×
|
||
</span>gene
|
||
</span>
|
||
<span
|
||
data-testid="header"
|
||
style={{
|
||
fontSize: 14,
|
||
position: "relative",
|
||
marginLeft: 7,
|
||
top: -8
|
||
}}
|
||
>
|
||
{datasetTitle}
|
||
</span>
|
||
</div>
|
||
);
|
||
}
|
||
}
|
||
|
||
export default LeftSideBar;
|