update groupList maxHeight (#2777)

* update groupList maxHeight

* update ui css

frontend/src/components/dialog/share-to-group.js

@@ -264,6 +264,7 @@ class ShareToGroup extends React.Component {
                   options={this.options}
                   placeholder={gettext('Select a group')}
                   components={makeAnimated()}
+                  maxMenuHeight={200}
                   inputId={'react-select-2-input'}
                   value={this.state.selectedOption}
                 />

frontend/src/components/dialog/share-to-user.js

@@ -282,6 +282,7 @@ class ShareToUser extends React.Component {
                   loadOptions={this.loadOptions}
                   onChange={this.handleSelectChange}
                   value={this.state.selectedOption}
+                  maxMenuHeight={200}
                   isMulti 
                   isFocused
                   isClearable 

frontend/src/css/share-link-dialog.css

@@ -1,6 +1,6 @@
 .share-dialog .share-dialog-content {
     padding: 0;
-    min-height: 15rem;
+    min-height: 20rem;
     display: flex;
     flex-direction: row;
     overflow: hidden;

media/css/seahub_react.css

@@ -168,8 +168,8 @@ ul,ol,li {
 }
 
 .dialog-list-container { /* for dialog containing list */
-    min-height: 15rem;
-    max-height: 35rem;
+    min-height: 20rem;
+    max-height: 25rem;
     overflow: auto;
 }