From 26dec7152b9e1b739e68336b4caad5e516c99fee Mon Sep 17 00:00:00 2001
From: esikkala <esko.ikkala@aalto.fi>
Date: Fri, 8 Mar 2019 09:30:32 +0200
Subject: [PATCH] Adjust facet containers
---
src/client/components/FacetBar.js | 17 +++++++++--------
src/client/reducers/manuscriptsFacets.js | 6 +++---
src/client/reducers/placesFacets.js | 4 ++--
3 files changed, 14 insertions(+), 13 deletions(-)
diff --git a/src/client/components/FacetBar.js b/src/client/components/FacetBar.js
index 29778470..e4c2f352 100644
--- a/src/client/components/FacetBar.js
+++ b/src/client/components/FacetBar.js
@@ -24,12 +24,16 @@ const styles = theme => ({
facetContainerLast: {
marginBottom: 2,
},
- facetValuesContainerTen: {
- height: 345,
+ three: {
+ height: 108,
padding: theme.spacing.unit,
},
- facetValuesContainerThree: {
- height: 108,
+ five: {
+ height: 150,
+ padding: theme.spacing.unit,
+ },
+ ten: {
+ height: 345,
padding: theme.spacing.unit,
},
facetHeaderButtons: {
@@ -57,10 +61,7 @@ class FacetBar extends React.Component {
sortButton={facets[id].sortButton}
fetchFacet={this.props.fetchFacet}
/>
- <div className={facets[id].containerSize === 'small' ?
- classes.facetValuesContainerThree
- : classes.facetValuesContainerTen
- }>
+ <div className={classes[facets[id].containerClass]}>
<Tree
facetFunctionality={true}
property={id}
diff --git a/src/client/reducers/manuscriptsFacets.js b/src/client/reducers/manuscriptsFacets.js
index 6691df7a..7021d0ee 100644
--- a/src/client/reducers/manuscriptsFacets.js
+++ b/src/client/reducers/manuscriptsFacets.js
@@ -22,7 +22,7 @@ export const INITIAL_STATE = {
sortButton: false,
isFetching: false,
searchField: false,
- containerSize: 'small',
+ containerClass: 'three',
},
productionPlace: {
id: 'productionPlace',
@@ -36,7 +36,7 @@ export const INITIAL_STATE = {
sortButton: false,
isFetching: false,
searchField: true,
- containerSize: 'large',
+ containerClass: 'ten',
},
author: {
id: 'author',
@@ -50,7 +50,7 @@ export const INITIAL_STATE = {
sortButton: false,
isFetching: false,
searchField: true,
- containerSize: 'large',
+ containerClass: 'ten',
},
// language: {
// id: 'language',
diff --git a/src/client/reducers/placesFacets.js b/src/client/reducers/placesFacets.js
index 6e9d7526..bdb67100 100644
--- a/src/client/reducers/placesFacets.js
+++ b/src/client/reducers/placesFacets.js
@@ -21,7 +21,7 @@ export const INITIAL_STATE = {
sortButton: false,
isFetching: false,
searchField: false,
- containerSize: 'small',
+ containerClass: 'five',
},
area: {
id: 'area',
@@ -35,7 +35,7 @@ export const INITIAL_STATE = {
sortButton: false,
isFetching: false,
searchField: false,
- containerSize: 'large',
+ containerClass: 'ten',
},
// type: {
// id: 'type',
--
GitLab