Skip to content

Commit

Permalink
styling updates
Browse files Browse the repository at this point in the history
  • Loading branch information
@rrmerugu
rrmerugu committed May 29, 2021
1 parent cf1fe64 commit 8a9bece
Show file tree
Hide file tree
Showing 4 changed files with 48 additions and 45 deletions.
6 changes: 4 additions & 2 deletions src/web/viewlets/canvas/graph-canvas.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -690,9 +690,11 @@ export default class GraphCanvas extends DefaultRemoteComponent {
? <DataSidebarViewlet
style={{
"width": "420px", "top": "90px", "zIndex": 100001,
"maxHeight": "calc(100vh - 250px)"
}}
onClose={()=>this.setLeftContentName(null)}
cardBodyStyle={{
"maxHeight": "calc(100vh - 265px)"
}}
onClose={() => this.setLeftContentName(null)}

{...this.props}
onItemClick={this.onItemClick.bind(this)}
Expand Down
2 changes: 1 addition & 1 deletion src/web/viewlets/canvas/lambda-settings.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -132,7 +132,7 @@ export default class LambdaSettingsView extends React.Component {


</div>
<div style={this.props.cardBodyStyle}>
<div style={this.props.cardBodyStyle} className={"mb-3"}>
{lambdaDataToShow.length > 0
?
<ul className={"list-group rounded-0"}>
Expand Down
2 changes: 1 addition & 1 deletion src/web/viewlets/canvas/query-history.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -116,7 +116,7 @@ export default class RequestHistoryView extends React.Component {


</div>
<div style={this.props.cardBodyStyle} className={"pl-3 pr-3"}>
<div style={this.props.cardBodyStyle} className={"pl-3 pr-3 mb-3"}>
{historyToShow.length > 0
?
<ul className={"list-group rounded-0"}>
Expand Down
83 changes: 42 additions & 41 deletions src/web/viewlets/data-management/data-sidebar.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,8 @@ export default class DataSidebarViewlet extends DefaultRemoteComponent {
edgeLabelsInCanvas: PropTypes.array,
nodeLabelsInCanvas: PropTypes.array,
style: PropTypes.object,
onClose: PropTypes.func
onClose: PropTypes.func,
cardBodyStyle: PropTypes.object

}

Expand Down Expand Up @@ -209,53 +210,53 @@ export default class DataSidebarViewlet extends DefaultRemoteComponent {
<div className={" border-bottom ml-3 mr-3"}/>
</div>

<div className="mb-3" style={this.props.cardBodyStyle}>
{

{

this.state.filteredNodeStats.length > 0 || this.state.filteredEdgeStats.length > 0
? <div className={"border-bottom mb-3 pb-3"}>
<h6 className={"ml-3 mb-0 text-uppercase font-weight-bold small bg-light p-1"}>Filtered
Labels</h6>
<DataVertexManagement
onItemClick={this.props.onItemClick} {...this.props}
loadElementData={this.props.loadElementData}
canvasCtrl={this.props.canvasCtrl}
showLabelMenu={this.props.showLabelMenu}
statsData={this.state.filteredNodeStats}
nodeLabelsInCanvas={this.props.nodeLabelsInCanvas}
edgeLabelsInCanvas={this.props.edgeLabelsInCanvas}

/>
<DataEdgeManagement onItemClick={this.props.onItemClick} {...this.props}
canvasCtrl={this.props.canvasCtrl}
loadElementData={this.props.loadElementData}
showLabelMenu={this.props.showLabelMenu}
statsData={this.state.filteredEdgeStats}
nodeLabelsInCanvas={this.props.nodeLabelsInCanvas}
edgeLabelsInCanvas={this.props.edgeLabelsInCanvas}
/>
</div>
: <React.Fragment/>
}


<DataVertexManagement onItemClick={this.props.onItemClick} {...this.props}
loadElementData={this.props.loadElementData}
canvasCtrl={this.props.canvasCtrl}
showLabelMenu={this.props.showLabelMenu}
statsData={this.state.verticesStats}
nodeLabelsInCanvas={this.props.nodeLabelsInCanvas}
edgeLabelsInCanvas={this.props.edgeLabelsInCanvas}
/>
<DataEdgeManagement onItemClick={this.props.onItemClick} {...this.props}
this.state.filteredNodeStats.length > 0 || this.state.filteredEdgeStats.length > 0
? <div className={"border-bottom mb-3 pb-3"}>
<h6 className={"ml-3 mb-0 text-uppercase font-weight-bold small bg-light p-1"}>Filtered
Labels</h6>
<DataVertexManagement
onItemClick={this.props.onItemClick} {...this.props}
loadElementData={this.props.loadElementData}
canvasCtrl={this.props.canvasCtrl}
showLabelMenu={this.props.showLabelMenu}
statsData={this.state.edgeStats}
statsData={this.state.filteredNodeStats}
nodeLabelsInCanvas={this.props.nodeLabelsInCanvas}
edgeLabelsInCanvas={this.props.edgeLabelsInCanvas}
/>

/>
<DataEdgeManagement onItemClick={this.props.onItemClick} {...this.props}
canvasCtrl={this.props.canvasCtrl}
loadElementData={this.props.loadElementData}
showLabelMenu={this.props.showLabelMenu}
statsData={this.state.filteredEdgeStats}
nodeLabelsInCanvas={this.props.nodeLabelsInCanvas}
edgeLabelsInCanvas={this.props.edgeLabelsInCanvas}
/>
</div>
: <React.Fragment/>
}


<DataVertexManagement onItemClick={this.props.onItemClick} {...this.props}
loadElementData={this.props.loadElementData}
canvasCtrl={this.props.canvasCtrl}
showLabelMenu={this.props.showLabelMenu}
statsData={this.state.verticesStats}
nodeLabelsInCanvas={this.props.nodeLabelsInCanvas}
edgeLabelsInCanvas={this.props.edgeLabelsInCanvas}
/>
<DataEdgeManagement onItemClick={this.props.onItemClick} {...this.props}
loadElementData={this.props.loadElementData}
canvasCtrl={this.props.canvasCtrl}
showLabelMenu={this.props.showLabelMenu}
statsData={this.state.edgeStats}
nodeLabelsInCanvas={this.props.nodeLabelsInCanvas}
edgeLabelsInCanvas={this.props.edgeLabelsInCanvas}
/>
</div>
</React.Fragment>
}

Expand Down

0 comments on commit 8a9bece

Please sign in to comment.