linkmore-design 1.0.84 → 1.0.85

package/es/Button/index.js

@@ -17,18 +17,20 @@ var __rest = this && this.__rest || function (s, e) {
 
 import React from 'react';
 import cls from 'classnames';
+import SizeContext from '@/ConfigProvider/SizeContext';
 
 var LMButton = function LMButton(props) {
   var children = props.children,
       className = props.className,
-      _props$size = props.size,
-      size = _props$size === void 0 ? 'middle' : _props$size,
+      customizeSize = props.size,
       _props$type = props.type,
       type = _props$type === void 0 ? 'default' : _props$type,
       _props$hover = props.hover,
       hover = _props$hover === void 0 ? false : _props$hover,
       restProps = __rest(props, ["children", "className", "size", "type", "hover"]);
 
+  var size = customizeSize || React.useContext(SizeContext) || 'middle'; // const { getPrefixCls, autoInsertSpaceInButton, direction } = React.useContext(ConfigContext);
+
   var classs = cls('lm-button', className, {
     'lm-button-icon-only': !children
   }, _defineProperty({}, "lm-button-".concat(size), size), _defineProperty({}, "lm-button-".concat(type), type), _defineProperty({}, "lm-button-".concat(type, "-hover"), type && hover));

package/es/ConfigProvider/cssVariables.js

@@ -82,7 +82,7 @@ export function getStyle(globalPrefixCls, theme) {
 
 
   var cssList = Object.keys(variables).map(function (key) {
-    return "--".concat(globalPrefixCls, "-").concat(key, ": ").concat(variables[key], ";");
+    return globalPrefixCls ? "--".concat(globalPrefixCls, "-").concat(key, ": ").concat(variables[key], ";") : "--".concat(key, ": ").concat(variables[key], ";");
   });
   return "\n  :root {\n    ".concat(cssList.join('\n'), "\n  }\n  ").trim();
 }

package/es/ConfigProvider/index.d.ts

@@ -8,7 +8,7 @@ import type { CSPConfig, DirectionType, ConfigConsumerProps } from './context';
 import type { RenderEmptyHandler } from './defaultRenderEmpty';
 import type { SizeType } from './SizeContext';
 import SizeContext from './SizeContext';
-export { RenderEmptyHandler, ConfigContext, ConfigConsumer, CSPConfig, DirectionType, ConfigConsumerProps, };
+export { RenderEmptyHandler, ConfigContext, ConfigConsumer, CSPConfig, DirectionType, ConfigConsumerProps, SizeType };
 export declare const configConsumerProps: string[];
 export interface ConfigProviderProps {
     getTargetContainer?: () => HTMLElement;
@@ -43,7 +43,7 @@ export interface ConfigProviderProps {
     virtual?: boolean;
     dropdownMatchSelectWidth?: boolean;
 }
-export declare const defaultPrefixCls = "ant";
+export declare const defaultPrefixCls = "";
 export declare const defaultIconPrefixCls = "anticon";
 declare function getGlobalIconPrefixCls(): string;
 declare const setGlobalConfig: ({ prefixCls, iconPrefixCls, theme, }: Pick<ConfigProviderProps, "prefixCls" | "iconPrefixCls"> & {

package/es/ConfigProvider/index.js

@@ -17,7 +17,8 @@ export { ConfigContext, ConfigConsumer };
 export var configConsumerProps = ['getTargetContainer', 'getPopupContainer', 'rootPrefixCls', 'getPrefixCls', 'renderEmpty', 'csp', 'autoInsertSpaceInButton', 'locale', 'pageHeader']; // These props is used by `useContext` directly in sub component
 
 var PASSED_PROPS = ['getTargetContainer', 'getPopupContainer', 'renderEmpty', 'pageHeader', 'input', 'pagination', 'form'];
-export var defaultPrefixCls = 'ant';
+export var defaultPrefixCls = ''; //'ant';
+
 export var defaultIconPrefixCls = 'anticon';
 var globalPrefixCls;
 var globalIconPrefixCls;

package/es/DatePicker/generatePicker/generateSinglePicker.js

@@ -21,15 +21,15 @@ import RCPicker from 'rc-picker';
 import * as React from 'react';
 import { forwardRef, useContext, useImperativeHandle } from 'react';
 import { Components, getTimeProps } from '.';
-import { ConfigContext } from 'antd/es/config-provider';
-import DisabledContext from 'antd/es/config-provider/DisabledContext';
-import SizeContext from 'antd/es/config-provider/SizeContext';
 import { FormItemInputContext } from 'antd/es/form/context';
 import LocaleReceiver from 'antd/es/locale-provider/LocaleReceiver';
 import { getMergedStatus, getStatusClassNames } from '../../_util/statusUtils';
 import warning from '../../_util/warning';
 import enUS from 'antd/es/date-picker/locale/en_US';
 import { getPlaceholder, transPlacement2DropdownAlign } from '../util';
+import SizeContext from '@/ConfigProvider/SizeContext';
+import DisabledContext from '@/ConfigProvider/DisabledContext';
+import { ConfigContext } from '@/ConfigProvider/context';
 export default function generatePicker(generateConfig) {
   function getPicker(picker, displayName) {
     var Picker = /*#__PURE__*/forwardRef(function (props, ref) {

package/es/Form/container.js

@@ -16,6 +16,7 @@ var __rest = this && this.__rest || function (s, e) {
 import React, { useCallback, useEffect, useRef, useState } from 'react';
 import classNames from 'classnames';
 import { throttle } from 'lodash';
+import { updateFormResponsiveClass } from './util';
 var prefixCls = 'lm_container';
 
 var LMContainer = function LMContainer(props) {
@@ -63,22 +64,7 @@ var LMContainer = function LMContainer(props) {
   var changeSize = function changeSize() {
     var _a;
 
-    var index = 1;
-    containerWrapRef.current.querySelectorAll('.ant-form-item').forEach(function (el) {
-      if (el.classList.contains('ant-form-item-responsive')) {
-        if (index % 3 === 0) {
-          el.classList.add('nth-three');
-        } else if (index % 4 === 0) {
-          el.classList.add('nth-four');
-        } else if (index % 5 === 0) {
-          el.classList.add('nth-five');
-        }
-
-        index++;
-      } else {
-        index = 1;
-      }
-    });
+    updateFormResponsiveClass(containerWrapRef.current);
 
     var _ref = ((_a = containerWrapRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect()) || {},
         _ref$width = _ref.width,

package/es/Form/style/index.css

@@ -563,10 +563,10 @@ p {
   flex-direction: row;
   flex-wrap: wrap;
 }
-.lm_container_wrapper .lm_container.responsive .lm_form.ant-form .ant-form-item {
+.lm_container_wrapper .lm_container.responsive .lm_form.ant-form .ant-form-item-responsive {
   margin-right: 24px;
 }
-.lm_container_wrapper .lm_container.responsive .lm_form.ant-form .ant-form-item .ant-form-item-control {
+.lm_container_wrapper .lm_container.responsive .lm_form.ant-form .ant-form-item-responsive .ant-form-item-control {
   width: 100%;
 }
 .lm_container_wrapper .lm_container.responsive.lm_col_3 .ant-form-item {
@@ -684,3 +684,9 @@ p {
 .lm_form-item-tip-error-bottom .ant-form-item-explain .ant-form-item-explain-error {
   margin-left: -4px;
 }
+.ant-form-item.ant-form-item-responsive .lm_select {
+  width: 100%;
+}
+.ant-form-item-explain-error {
+  font-size: 12px;
+}

package/es/Form/util.d.ts

@@ -1,3 +1,4 @@
 import type { InternalNamePath } from './interface';
 export declare function toArray<T>(candidate?: T | T[] | false): T[];
 export declare function getFieldId(namePath: InternalNamePath, formName?: string): string | undefined;
+export declare function updateFormResponsiveClass(dom: HTMLElement): void;

package/es/Form/util.js

@@ -17,4 +17,26 @@ export function getFieldId(namePath, formName) {
 
   var isIllegalName = formItemNameBlackList.indexOf(mergedId) >= 0;
   return isIllegalName ? "".concat(defaultItemNamePrefixCls, "_").concat(mergedId) : mergedId;
+}
+export function updateFormResponsiveClass(dom) {
+  var form = dom.tagName.toLocaleLowerCase() === 'form' ? dom : dom.querySelector('form');
+
+  if (form) {
+    var index = 0;
+    Array.prototype.slice.call(form.children).forEach(function (element) {
+      if (element.classList.contains('ant-form-item-responsive')) {
+        index += 1;
+
+        if (index % 3 === 0) {
+          element.classList.add('nth-three');
+        } else if (index % 4 === 0) {
+          element.classList.add('nth-four');
+        } else if (index % 5 === 0) {
+          element.classList.add('nth-five');
+        }
+      } else {
+        index = 0;
+      }
+    });
+  }
 }

package/es/ImageViewer/components/Carousel.js

@@ -6,7 +6,8 @@ var ListItem = function ListItem(_ref) {
       index = _ref.index,
       item = _ref.item,
       instance = _ref.instance;
-  var state = instance.state;
+  var state = instance.state,
+      getIsVideo = instance.getIsVideo;
   var transformProps = useMemo(function () {
     if (index !== state.currentIndex) return {};
     var _state$transform = state.transform,
@@ -19,7 +20,24 @@ var ListItem = function ListItem(_ref) {
   return /*#__PURE__*/React.createElement("div", {
     className: "preview_item",
     key: key
-  }, /*#__PURE__*/React.createElement("img", {
+  }, getIsVideo(item) ?
+  /*#__PURE__*/
+  // @ts-ignore
+  // eslint-disable-next-line jsx-a11y/media-has-caption
+  React.createElement("video", {
+    width: "100%",
+    height: "100%",
+    controls: "controls"
+  }, /*#__PURE__*/React.createElement("source", {
+    src: item,
+    type: "video/mp4"
+  }), /*#__PURE__*/React.createElement("source", {
+    src: item,
+    type: "video/webm"
+  }), /*#__PURE__*/React.createElement("source", {
+    src: item,
+    type: "video/ogg"
+  }), "\u89C6\u9891\u64AD\u653E\u5931\u8D25\uFF01") : /*#__PURE__*/React.createElement("img", {
     src: item,
     alt: "",
     style: transformProps

package/es/ImageViewer/components/Thumb.js

@@ -1,8 +1,27 @@
 import React, { useMemo } from 'react';
 import cn from 'classnames';
+import { IconFont } from 'linkmore-design';
 
-var Thumb = function Thumb(_ref) {
-  var instance = _ref.instance;
+var ThumbItem = function ThumbItem(_ref) {
+  var item = _ref.item,
+      instance = _ref.instance;
+  var getIsVideo = instance.getIsVideo;
+
+  if (getIsVideo(item)) {
+    return /*#__PURE__*/React.createElement(IconFont, {
+      type: "lmweb-video",
+      className: "thumb_item_icon"
+    });
+  }
+
+  return /*#__PURE__*/React.createElement("img", {
+    src: item,
+    alt: ""
+  });
+};
+
+var Thumb = function Thumb(_ref2) {
+  var instance = _ref2.instance;
   var state = instance.state,
       urlList = instance.urlList,
       slickGoTo = instance.slickGoTo;
@@ -27,9 +46,9 @@ var Thumb = function Thumb(_ref) {
       onClick: function onClick(e) {
         return handleGoTo(e, idx);
       }
-    }, /*#__PURE__*/React.createElement("img", {
-      src: v,
-      alt: ""
+    }, /*#__PURE__*/React.createElement(ThumbItem, {
+      item: v,
+      instance: instance
     }));
   }));
 };

package/es/ImageViewer/fns/index.d.ts

@@ -6,6 +6,7 @@ declare const useCoreOptions: ({ state, dispatch, props, previewRef }: {
 }) => {
     CoreMethods: {
         getVisible: () => any;
+        getIsVideo: (url: any) => boolean;
         onClose: () => void;
         setTransform: (type: any) => void;
         afterChange: (currentIndex: any) => void;

package/es/ImageViewer/fns/index.js

@@ -1,4 +1,4 @@
-import { useCallback } from 'react';
+import { useCallback, useEffect } from 'react';
 
 var useCoreOptions = function useCoreOptions(_ref) {
   var state = _ref.state,
@@ -8,7 +8,12 @@ var useCoreOptions = function useCoreOptions(_ref) {
   // 获取显示状态
   var getVisible = useCallback(function () {
     return typeof props.visible === 'boolean' ? props.visible : state.visible;
-  }, [props, state.visible]); // 关闭事件
+  }, [props.visible, state.visible]); // 获取是否为视频格式
+
+  var getIsVideo = useCallback(function (url) {
+    var fileExtension = url.replace(/.*\./, '').toLowerCase();
+    return ['mp4', 'm2v', 'mkv', 'ogm', 'webm'].includes(fileExtension);
+  }, []); // 关闭事件
 
   var onClose = useCallback(function () {
     var _a;
@@ -77,8 +82,20 @@ var useCoreOptions = function useCoreOptions(_ref) {
   var slickPrev = useCallback(function () {
     previewRef.current.prev();
   }, []);
+  useEffect(function () {
+    if (getVisible()) {
+      slickGoTo(props.initialIndex);
+      dispatch({
+        type: 'changeCurrent',
+        current: {
+          currentIndex: props.initialIndex
+        }
+      });
+    }
+  }, [getVisible, props.initialIndex, slickGoTo]);
   var CoreMethods = {
     getVisible: getVisible,
+    getIsVideo: getIsVideo,
     onClose: onClose,
     setTransform: setTransform,
     afterChange: afterChange,

package/es/ImageViewer/style/index.css

@@ -1,20 +1,20 @@
 .lm_image_viewer_wrapper {
   position: fixed;
-  inset: 0;
   z-index: 1001;
+  inset: 0;
 }
 .lm_image_viewer_wrapper .lm_image_viewer_mask {
   position: absolute;
-  inset: 0;
   background-color: rgba(0, 0, 0, 0.5);
+  inset: 0;
 }
 .lm_image_viewer_wrapper .lm_image_viewer_container {
   position: relative;
   z-index: 2;
   display: flex;
   flex-flow: column;
-  align-items: center;
   gap: var(--gap);
+  align-items: center;
   height: 100vh;
   padding: 50px 0;
 }
@@ -29,9 +29,9 @@
   height: 100%;
 }
 .lm_image_viewer_wrapper .lm_image_viewer_container .preview_list .preview_item {
+  overflow: hidden;
   text-align: center;
   border-radius: 2px;
-  overflow: hidden;
 }
 .lm_image_viewer_wrapper .lm_image_viewer_container .preview_list .preview_item img {
   display: inline-block;
@@ -42,16 +42,27 @@
 }
 .lm_image_viewer_wrapper .lm_image_viewer_container .thumb_list {
   display: flex;
-  width: 51%;
   gap: var(--gap);
+  width: 51%;
   overflow-x: auto;
+  overflow-y: hidden;
 }
 .lm_image_viewer_wrapper .lm_image_viewer_container .thumb_list .thumb_item {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 98px;
+  height: 98px;
   text-align: center;
-  border-radius: 2px;
+  background-color: var(--color-contrast);
   border: 2px solid transparent;
+  border-radius: 2px;
   transition: 0.3s;
 }
+.lm_image_viewer_wrapper .lm_image_viewer_container .thumb_list .thumb_item .thumb_item_icon {
+  color: var(--color-45);
+  font-size: 34px;
+}
 .lm_image_viewer_wrapper .lm_image_viewer_container .thumb_list .thumb_item img {
   display: inline-block;
   width: 94px;
@@ -63,21 +74,21 @@
 }
 .lm_image_viewer_wrapper .lm_image_viewer_container .image_viewer_action {
   position: absolute;
-  left: 50%;
-  transform: translateX(-50%);
   bottom: 50px;
+  left: 50%;
   display: flex;
+  gap: 24px;
   align-items: center;
   justify-content: space-between;
+  padding: 8px 12px;
+  font-size: 24px;
   background-color: #fff;
   border-radius: 100px;
-  gap: 24px;
-  font-size: 24px;
-  padding: 8px 12px;
+  transform: translateX(-50%);
 }
 .lm_image_viewer_wrapper .lm_image_viewer_container .image_viewer_action .anticon {
-  transition: 0.3s;
   cursor: pointer;
+  transition: 0.3s;
 }
 .lm_image_viewer_wrapper .lm_image_viewer_container .image_viewer_action .anticon:hover {
   color: var(--primary-color);
@@ -85,16 +96,16 @@
 .lm_image_viewer_wrapper .lm_image_viewer_container .arrow {
   position: absolute;
   top: 50%;
-  transform: translateY(-50%);
   display: flex;
   align-items: center;
   justify-content: center;
-  font-size: 32px;
   height: 48px;
   color: var(--color-contrast);
+  font-size: 32px;
   background-color: var(--text-color);
-  transition: 0.3s;
+  transform: translateY(-50%);
   cursor: pointer;
+  transition: 0.3s;
 }
 .lm_image_viewer_wrapper .lm_image_viewer_container .arrow.arrow_left {
   left: 40px;

package/es/Input/index.js

@@ -16,14 +16,18 @@ var __rest = this && this.__rest || function (s, e) {
 
 import React, { forwardRef } from 'react';
 import IconFont from '../IconFont';
+import SizeContext from '@/ConfigProvider/SizeContext';
 var LmInput = /*#__PURE__*/forwardRef(function (props, ref) {
   var _props$allowClear = props.allowClear,
       allowClear = _props$allowClear === void 0 ? true : _props$allowClear,
-      rest = __rest(props, ["allowClear"]);
+      customizeSize = props.size,
+      rest = __rest(props, ["allowClear", "size"]);
 
+  var size = customizeSize || React.useContext(SizeContext) || 'middle';
   return /*#__PURE__*/React.createElement(_Input, Object.assign({
     ref: ref,
-    className: "lm_input"
+    className: "lm_input",
+    size: size
   }, rest, {
     allowClear: true
   }));

package/es/Input/style/index.css

@@ -564,6 +564,15 @@ p {
   height: 22px;
   font-size: 12px;
 }
+.lm_input_search .ant-input-affix-wrapper.ant-input-affix-wrapper-lg {
+  height: 40px;
+  padding: 6px 11px;
+}
+.lm_input_search .ant-input-affix-wrapper.ant-input-affix-wrapper-lg > .ant-input.ant-input-lg {
+  font-size: 16px !important;
+  line-height: 28px;
+  height: 28px;
+}
 .lm_input_search .ant-input-affix-wrapper.ant-input-affix-wrapper-focused {
   box-shadow: none !important;
 }

package/es/LmFilter/style/index.css

@@ -258,6 +258,165 @@
 .ant-dropdown .filter_dropdown .ant-checkbox-wrapper .ant-checkbox {
   top: initial;
 }
+.ant-drawer .ant-drawer-header .ant-drawer-title {
+  font-size: 14px;
+}
+.ant-drawer.lm_filter_drawer .filter_drawer_group {
+  font-size: 12px;
+  line-height: 1;
+}
+.ant-drawer.lm_filter_drawer .filter_drawer_group .ant-form-item {
+  margin-bottom: 16px;
+}
+.ant-drawer.lm_filter_drawer .filter_drawer_group .ant-form-item-label {
+  padding-bottom: 0;
+}
+.ant-drawer.lm_filter_drawer .filter_drawer_group .ant-form-item-label label {
+  font-size: 12px;
+}
+.ant-drawer.lm_filter_drawer .filter_drawer_group input {
+  font-size: 12px;
+}
+.ant-drawer.lm_filter_drawer .filter_drawer_group .ant-radio-wrapper {
+  display: inline-flex;
+  align-items: center;
+  font-size: 12px;
+}
+.ant-drawer.lm_filter_drawer .filter_drawer_group .ant-radio-wrapper .ant-radio {
+  top: 0;
+}
+.ant-drawer.lm_filter_drawer .filter_drawer_group_add {
+  padding: 0 0 8px;
+}
+.ant-drawer.lm_filter_drawer .filter_drawer_group_add .ant-btn {
+  font-size: 12px;
+  max-width: initial;
+}
+.ant-drawer.lm_filter_drawer .filter_drawer_group_list .filter_drawer_group_item {
+  margin-bottom: var(--gap);
+}
+.ant-drawer.lm_filter_drawer .filter_drawer_group_list .filter_drawer_group_item .item_box {
+  line-height: 1;
+  border: 1px solid transparent;
+  border-radius: 2px;
+  background: var(--background-color);
+  padding: calc(var(--gap) * 2);
+  cursor: pointer;
+  transition: 0.3s;
+}
+.ant-drawer.lm_filter_drawer .filter_drawer_group_list .filter_drawer_group_item .item_box .item_header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.ant-drawer.lm_filter_drawer .filter_drawer_group_list .filter_drawer_group_item .item_box .item_header .item_header_title {
+  font-size: 12px;
+  font-weight: 500;
+}
+.ant-drawer.lm_filter_drawer .filter_drawer_group_list .filter_drawer_group_item .item_box .item_header .item_header_icon {
+  font-size: 16px;
+  color: #8C8C8C;
+  transition: 0.3s;
+}
+.ant-drawer.lm_filter_drawer .filter_drawer_group_list .filter_drawer_group_item .item_box .item_header .item_header_icon.icon_plus {
+  color: var(--font-color);
+}
+.ant-drawer.lm_filter_drawer .filter_drawer_group_list .filter_drawer_group_item .item_box .item_header .item_header_icon:hover {
+  color: var(--font-color);
+}
+.ant-drawer.lm_filter_drawer .filter_drawer_group_list .filter_drawer_group_item .item_box .item_tags {
+  display: flex;
+  flex-flow: wrap;
+  gap: var(--gap);
+  padding-top: 12px;
+}
+.ant-drawer.lm_filter_drawer .filter_drawer_group_list .filter_drawer_group_item .item_box .item_tags .ant-tag {
+  color: var(--font-color);
+  background-color: var(--background-color);
+  margin: 0;
+}
+.ant-drawer.lm_filter_drawer .filter_drawer_group_list .filter_drawer_group_item .item_box .item_tags .ant-tag.add_tags {
+  background: transparent;
+  border-style: dashed;
+  cursor: pointer;
+}
+.ant-drawer.lm_filter_drawer .filter_drawer_group_list .filter_drawer_group_item .item_box .item_tags .ant-tag.add_tags:hover {
+  color: var(--primary-color);
+  border-color: var(--primary-color);
+}
+.ant-drawer.lm_filter_drawer .filter_drawer_group_list .filter_drawer_group_item .item_box .item_tags .tag-input {
+  width: 78px;
+  margin-right: 8px;
+  vertical-align: top;
+}
+.ant-drawer.lm_filter_drawer .complex_filter_body .checked_group {
+  margin-bottom: 24px;
+}
+.ant-drawer.lm_filter_drawer .complex_filter_body .list_group .list_group_title {
+  font-size: 14px;
+  font-weight: 500;
+  line-height: 1.25;
+}
+.ant-drawer.lm_filter_drawer .complex_filter_body .list_group .list_group_search {
+  margin: 16px 0;
+}
+.ant-drawer.lm_det_drawer .checkbox_tag {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 12px;
+  height: 24px;
+  border-radius: 2px;
+  color: var(--font-color);
+  background-color: var(--stripe-color);
+  padding: 0 8px;
+  transition: 0.3s;
+  cursor: pointer;
+}
+.ant-drawer.lm_det_drawer .checkbox_tag:hover,
+.ant-drawer.lm_det_drawer .checkbox_tag.active {
+  color: #fff;
+  background-color: var(--primary-color);
+}
+.ant-drawer.lm_det_drawer .ant-form-item {
+  margin-bottom: 16px;
+}
+.ant-drawer.lm_det_drawer .ant-form-item .ant-form-item-label > label {
+  font-weight: 500;
+}
+.ant-drawer.lm_det_drawer .auto_height {
+  max-height: 418px;
+  overflow-y: auto;
+}
+.ant-drawer.lm_det_drawer .ant-radio-wrapper {
+  display: inline-flex;
+  align-items: center;
+  font-size: 12px;
+}
+.ant-drawer.lm_det_drawer .ant-radio-wrapper .ant-radio {
+  top: 0;
+}
+.ant-drawer.lm_det_drawer .ant-select {
+  font-size: 12px;
+  width: 100%;
+}
+.ant-drawer.lm_det_drawer .custom_form {
+  display: flex;
+  flex-flow: column;
+  height: 100%;
+  gap: 24px;
+}
+.ant-drawer.lm_det_drawer .custom_form .custom_label {
+  font-size: 14px;
+  font-weight: 500;
+  margin-bottom: 16px;
+  color: var(--font-color);
+}
+.ant-drawer.lm_det_drawer .custom_form .custom_full {
+  display: flex;
+  flex-flow: column;
+  flex: 1;
+}
 .lm_filter_dropdown_picker {
   padding: 0 !important;
 }