Web: Common/Components: Open add filter menu in aside panel if there is not enough width to open dropdown

web/ASC.Web.Common/src/components/FilterInput/sub-components/FilterButton.js

@@ -27,7 +27,7 @@ class FilterButton extends React.PureComponent {
         size={iconSize}
         title="Actions"
         columnCount={columnCount}
-        displayType="auto"
+        displayType={searchWidth && searchWidth < 350 ? "aside" : "auto"}
         asideHeader={asideHeader}
       ></ContextMenuButton>
     );

web/ASC.Web.Components/src/components/context-menu-button/index.js

@@ -154,7 +154,8 @@ class ContextMenuButton extends React.Component {
   shouldComponentUpdate(nextProps, nextState) {
     if (
       this.props.opened === nextProps.opened &&
-      this.state.isOpen === nextState.isOpen
+      this.state.isOpen === nextState.isOpen &&
+      this.props.displayType === nextProps.displayType
     ) {
       return false;
     }