Proyectos de Subversion Moodle

Rev

Rev 11 | | Comparar con el anterior | Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
1 efrain 1
.modal {
2
    .modal-body {
3
        & > .loading-icon {
4
            display: block;
5
            position: relative;
6
            width: 100%;
7
            height: 100%;
8
 
9
            .icon {
10
                position: absolute;
11
                top: 50%;
12
                /*rtl:ignore*/
13
                left: 50%;
14
                transform: translate(-50%, -50%);
15
            }
16
        }
17
    }
18
 
19
    // Override Bootstrap .close for better accessibility.
1441 ariadna 20
    .btn-close {
1 efrain 21
        // Adjust the margins so the focus outline does not look clipped.
1441 ariadna 22
        margin: -0.4rem -0.4rem -0.4rem auto;
1 efrain 23
 
24
        // Inherit the opacity when focus is received for better focus outline contrast.
25
        &:not(:disabled):not(.disabled) {
26
            &:hover,
27
            &:focus {
28
                opacity: inherit;
29
            }
30
        }
31
    }
32
}
11 efrain 33
 
1441 ariadna 34
/* Change the modal-dialog-scrollable class to position: static to fix the issue with popper.js and autocomplete. */
35
.modal-dialog-scrollable:has(.form-autocomplete-suggestions) {
36
    position: static;
37
    .modal-content {
38
        position: static;
39
        .modal-body {
40
            position: static;
41
        }
42
    }
43
}
44
 
11 efrain 45
/* Bug fix for TinyMCE menu when in fullscreen mode. */
46
body.tox-fullscreen .modal-dialog {
47
    width: 100%;
48
    max-width: 100%;
49
    height: 100%;
50
 
51
    .modal-header {
52
        height: 0;
53
        padding: 0;
54
    }
55
 
56
    .tox-tinymce-aux {
57
        position: relative;
58
    }
59
}
60
 
61
/* Bug fix TinyMCE menu width dropdowns when in fullscreen mode. */
62
body.tox-fullscreen .tox.tox-tinymce-aux {
63
    position: relative !important; // stylelint-disable-line declaration-no-important
64
}