shesha-framework/shesha-reactjs/src/components/formDesigner/components/styles.ts at 00c574f8f3fda91f3b34f315862a6a49a80a5993 · czwe-01/shesha-framework · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
import { createStyles } from '@/styles';

export interface UseStylesProps {
  autoAlignLabel?: boolean;
}
export const useStyles = createStyles(({ css, cx, token }, { autoAlignLabel = true }) => {
  const settingsFormItem = cx(css`
        margin: 0px !important;
  `);


  const formItem = cx(css`
        width: 100% !important;
        margin-bottom: 0 !important;

        .ant-row {
            width: 100% !important;
        }

        .ant-form-item-row {
            width: 100% !important;

            > .ant-form-item-label {
                ${autoAlignLabel ? `
                  > label {
                    height: 100%;
                  }
                ` : ''};
            }
        }

        .ant-form-item-control {
            width: 100% !important;
            align-self: center;
        }

        .ant-form-item-control-input {
            width: 100% !important;
        }

        .ant-form-item-control-input-content {
            width: 100% !important;
        }

        &:hover {
            border-color: ${token.colorPrimary} !important;
        }
  `);
  return {
    formItem,
    settingsFormItem,
  };
});