OpenConceptLab/ocl_issues#1169 | wrapping filters

OpenConceptLab · Jan 17, 2022 · 2072e2d · 2072e2d
1 parent 09248bb
commit 2072e2d
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 3 deletions.
diff --git a/src/components/app/App.scss b/src/components/app/App.scss
@@ -388,6 +388,11 @@ div.login-paper {
     height: 40px !important;
     min-height: 40px !important;
 }
+.less-margin-accordian-summary-content {
+    div:first-child {
+        margin: 2px 5px;
+    }
+}
 .capitalize {
     text-transform: capitalize;
 }

diff --git a/src/components/concepts/HierarchyTreeFilters.jsx b/src/components/concepts/HierarchyTreeFilters.jsx
@@ -38,7 +38,7 @@ const HierarchyTreeFilters = ({filters, onChange, onMapTypesFilterChange}) => {
   }
 
   return (
-    <span className="flex-vertical-center">
+    <span className="flex-vertical-center" style={{flexWrap: 'wrap'}}>
       <Tooltip title={cascadeLevelText} arrow placement='top'>
         <Chip
           color="primary"

diff --git a/src/components/concepts/HomeMappings.jsx b/src/components/concepts/HomeMappings.jsx
@@ -87,14 +87,17 @@ const HomeMappings = ({ source, concept, isLoadingMappings, childConcepts, paren
 
   const noAssociations = isEmpty(conceptMappings) && isEmpty(childConcepts) && isEmpty(parentConcepts);
 
+  let style = {minHeight: '40px', height: '100%'}
+  if(hierarchy)
+    style['padding'] = '0 8px'
 
   return (
     <Accordion expanded>
       <AccordionSummary
-        className='light-gray-bg less-paded-accordian-header'
+        className='light-gray-bg less-margin-accordian-summary-content'
         expandIcon={<span />}
         aria-controls="panel1a-content"
-        style={hierarchy ? {padding: '0 8px'} : {}}
+        style={style}
       >
         <span className='flex-vertical-center' style={{width: '100%', justifyContent: 'space-between'}}>
           <TabCountLabel label='Associations' count={hierarchy ? null : count} style={ACCORDIAN_HEADING_STYLES} />