shesha-framework/shesha-reactjs/src/components/richTextEditor/styles/styles.ts at f41849bd549fc125d6607f66a0d7dae464349139 · 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
import { createStyles } from '@/styles';

export const useStyles = createStyles(({ css, cx }) => {
  const shaRichTextEditor = cx("sha-rich-text-editor", css`
        background-color: white;
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;

        /* Ensure the jodit container fills available space */
        .jodit-react-container {
          width: 100% !important;
          height: 100% !important;
        }

        .jodit-container {
            width: 100% !important;
            height: 100% !important;
            display: flex;
            flex-direction: column;

        }

        .jodit-workplace {
            flex: 1;
        }

        .jodit-status-bar__item-right {
            .jodit-status-bar-link {
                display: none;
            }
        }
  `);
  return {
    shaRichTextEditor,
  };
});