QT/superset2
1
0
Fork 0
mirror of https://github.com/apache/superset.git synced 2026-04-21 09:04:38 +00:00
Code Issues Packages Projects Releases Wiki Activity

Change current thumbnails to smaller ones. (#4430)

Browse Source 
* Change current thumbnails to smaller ones.

* More density in the VizTypesControl modal
This commit is contained in:
Maxime Beauchemin
2018-02-15 17:53:20 -08:00
committed by GitHub
parent 7922ccfddc
commit 6e1d169d0f
100 changed files with 34 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
superset/assets/javascripts/explore/components/controls/VizTypeControl.jsx
View File

@@ -63,7 +63,7 @@ export default class VizTypeControl extends React.PureComponent {
src={`/static/assets/images/viz_thumbnails/${vt}.png`}
/>
<div className="viztype-label">
<strong>{visTypes[vt].label}</strong>
{visTypes[vt].label}
</div>
</div>);
}
@@ -72,13 +72,13 @@ export default class VizTypeControl extends React.PureComponent {
const filteredVizTypes = Object.keys(visTypes)
.filter(vt => filter.length === 0 || visTypes[vt].label.toLowerCase().includes(filter));
const imgPerRow = 4;
const imgPerRow = 6;
const rows = [];
for (let i = 0; i <= filteredVizTypes.length; i += imgPerRow) {
rows.push(
<Row key={`row-${i}`}>
{filteredVizTypes.slice(i, i + imgPerRow).map(vt => (
<Col md={3} key={`grid-col-${vt}`}>
<Col md={12 / imgPerRow} key={`grid-col-${vt}`}>
{this.renderVizType(vt)}
</Col>
))}