]> BookStack Code Mirror - bookstack/blob - resources/assets/sass/_tinymce.scss
switch spaces to tabs
[bookstack] / resources / assets / sass / _tinymce.scss
1
2 .mce-tinymce.mce-container.mce-fullscreen {
3   position: fixed;
4   top: 0;
5   height: 100%;
6   width: 100%;
7   max-width: 100%;
8   z-index: 100;
9 }
10
11 .mce-tinymce {
12   .mce-panel {
13     background-color: #FFF;
14   }
15   .mce-btn {
16     background-color: #FFF;
17   }
18 }
19
20 .mce-container-body.mce-flow-layout {
21   text-align: center;
22 }
23
24 .edit-area.flex > div > .mce-tinymce.mce-container.mce-panel {
25   flex: 1 1 auto;
26   display: flex !important;
27   flex-direction: column;
28   align-items: stretch;
29   margin: 0 -1px;
30   > .mce-container-body {
31     flex: 1 1 auto;
32     display: flex !important;
33     flex-direction: column;
34     align-items: stretch;
35     > .mce-toolbar-grp {
36       flex: 0 1 auto;
37     }
38     > .mce-edit-area {
39       flex: 1 1 auto;
40       display: flex !important;
41       flex-direction: column;
42       align-items: stretch;
43       iframe {
44         flex: 1;
45       }
46     }
47   }
48 }
49 .page-content.mce-content-body p {
50   line-height: 1.6;
51 }
52
53 // Fix to prevent 'No color' option from not being clickable.
54 .mce-colorbtn-trans {
55   overflow: hidden;
56 }