Merge branch 'master' into qt/search_with_provider

Author: mpcen

src/components/ComponentList.js

@@ -145,8 +145,9 @@ class ComponentList extends React.Component {
   render() {
     const { loadMoreRows, noRowsRenderer, list, listLength } = this.props
     const { sortOrder, contentSeq } = this.state
+    const showFilterBar = false
     return (
-      <div className="clearly-table-body flex-grow">
+      <div className={`clearly-table-body flex-grow ${showFilterBar ? 'show-filter' : ''}`}>
         <div className="clearly-header">
           <div className="table-header-fcloumn">
             <h4>Component</h4>

src/components/Navigation/Pages/PageDefinitions/ButtonsBar.js

@@ -5,6 +5,11 @@ import ButtonWithTooltip from '../../Ui/ButtonWithTooltip'
 import ShareButton from '../../Ui/ShareButton'
 
 export default class ButtonsBar extends Component {
+  constructor(props) {
+    super(props)
+    this.onSelect = this.onSelect.bind(this)
+  }
+
   static propTypes = {
     components: PropTypes.object,
     hasChanges: PropTypes.bool,

src/components/Navigation/Ui/ShareButton.js

@@ -13,18 +13,18 @@ export default class ShareButton extends Component {
     const disabled = !components || components.list.length === 0
     return (
       <DropdownButton disabled={disabled} id={'sharedropdown'} title="Share" bsStyle="success">
-        <MenuItem eventKey="1" onSelect={() => onSelect('url')}>
+        <MenuItem eventKey="1" className="dropdown-item" onSelect={() => onSelect('url')}>
           URL
         </MenuItem>
-        <MenuItem eventKey="2" onSelect={() => onSelect('file')}>
+        <MenuItem eventKey="2" className="dropdown-item" onSelect={() => onSelect('file')}>
           Coordinate list (JSON)
         </MenuItem>
-        <MenuItem eventKey="2" onSelect={() => onSelect('notice')}>
+        <MenuItem eventKey="2" className="dropdown-item" onSelect={() => onSelect('notice')}>
           Notice file
         </MenuItem>
-        <MenuItem divider />
+        {/* <MenuItem divider />
         <MenuItem disabled>Definitions (Not implemented)</MenuItem>
-        <MenuItem disabled>SPDX (Not implemented)</MenuItem>
+        <MenuItem disabled>SPDX (Not implemented)</MenuItem> */}
       </DropdownButton>
     )
   }

src/styles/_App.scss

@@ -240,7 +240,6 @@ main {
   box-shadow: 5px 5px 20px -10px lightgrey;
   display: flex;
   min-height: 200px;
-  padding-bottom: $height-filters-section;
 
   .fa-spinner {
     display: none;

src/styles/_List.scss

@@ -373,6 +373,10 @@
   height: $height-filters-list;
 }
 
+.show-filter.clearly-table-body {
+  margin-bottom: $height-filters-section;
+}
+
 .filter-list,
 .list-filter,
 .section--filter-bar {

src/styles/_ShareButton.scss

@@ -0,0 +1,11 @@
+.open > .dropdown-menu {
+  display: block;
+}
+
+.dropdown.btn-group {
+  display: inline-block;
+}
+
+.dropdown-item > a {
+  display: block;
+}

src/styles/index.scss

@@ -75,5 +75,6 @@ main {
 @import './GetInvolved.scss';
 @import './PageAbout.scss';
 @import './charter.scss';
+@import './ShareButton.scss';
 
 @import './utils.scss';

src/styles/style.css

@@ -433,13 +433,12 @@ a:hover {
   /* min-height: 550px; */
   /* max-height: 700px; */
   overflow: hidden;
-  height: 60vh;
   position: relative;
   width: 100%;
   will-change: transform; }
 
 .clearly-table-body .form-group.flex-grow-column {
-  height: 100%;
+  height: 60vh;
   width: 100%; }
 
 .clearly-table .form-group.flex-grow-column .checkbox {