| 1 |
efrain |
1 |
.jsenabled .tox-shadowhost.tox-fullscreen,
|
|
|
2 |
.jsenabled .tox.tox-tinymce.tox-fullscreen {
|
|
|
3 |
z-index: 1050;
|
|
|
4 |
}
|
|
|
5 |
|
|
|
6 |
/**
|
|
|
7 |
* These styles are required to ensure that icons loaded from Moodle are displayed correctly in TinyMCE.
|
|
|
8 |
* The first selector targets the menu.
|
|
|
9 |
* The second selector targets the context menu.
|
|
|
10 |
*/
|
|
|
11 |
.tox .tox-tbtn svg[data-buttonsource="moodle"] image,
|
|
|
12 |
.tox-collection__item-icon svg[data-buttonsource="moodle"] image {
|
|
|
13 |
width: inherit;
|
|
|
14 |
height: inherit;
|
|
|
15 |
}
|
|
|
16 |
|
|
|
17 |
.tox.tox-tinymce .tox-toolbar__group {
|
|
|
18 |
padding-right: 0;
|
|
|
19 |
}
|
|
|
20 |
|
|
|
21 |
/* Prevent navbar obscuring modal content (ignores fullscreen). */
|
|
|
22 |
.tox.tox-tinymce:not(.tox-fullscreen) + .tox .tox-dialog-wrap {
|
|
|
23 |
padding-top: var(--navbar-height);
|
|
|
24 |
}
|
|
|
25 |
|
|
|
26 |
/* Modify Tiny's max-height calculation here to factor in navbar height on small viewports (ignores fullscreen). */
|
|
|
27 |
@media only screen and (max-width: 767px) {
|
|
|
28 |
body:not(.tox-force-desktop) .tox.tox-tinymce:not(.tox-fullscreen) + .tox .tox-dialog-wrap .tox-dialog {
|
|
|
29 |
max-height: calc((100vh - 8px * 2) - var(--navbar-height)) !important; /* stylelint-disable-line declaration-no-important */
|
|
|
30 |
}
|
|
|
31 |
}
|