Proyectos de Subversion Moodle

Rev

| Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
1 efrain 1
.moodlenet-share-dialog {
2
    min-height: 500px;
3
 
4
    .modal-header {
5
        .moodlenet-share-moodlenetinfo {
6
            align-items: baseline;
7
 
8
            .moodlenet-logo {
9
                display: flex;
10
 
11
                .icon {
12
                    width: auto;
13
                    height: 1.3rem;
14
                }
15
            }
16
 
17
            .moodlenet-title {
18
                display: flex;
19
                padding-left: 0.5em;
20
            }
21
        }
22
 
23
        &.no-border {
24
            border-bottom: none;
25
        }
26
 
27
        &.no-header-text {
28
            .moodlenet-share-moodlenetinfo {
29
                .moodlenet-title {
30
                    display: none;
31
                }
32
            }
33
        }
34
    }
35
 
36
    .modal-body {
37
        .moodlenet-share-activity-info {
38
            @include border-radius();
39
            @include alert-variant($primary-light-background, $primary-light-border, $body-color);
40
            border-width: 1px;
41
            border-style: solid;
42
            padding: 0.6em 1.5em;
43
            margin-bottom: 1rem;
44
 
45
            .moodlenet-share-activity-info-hr {
46
                border-bottom: 1px solid $gray-300;
47
            }
48
 
49
            .moodlenet-activity-type,
50
            .moodlenet-activity-name {
51
                display: block;
52
            }
53
        }
54
 
55
        .moodlenet-share-notice {
56
            background-color: $moodlenet-share-notice-bg;
57
            padding: 1rem;
58
        }
59
 
60
        .moodlenet-share-modal-content {
61
            .loading-icon {
62
                .icon {
63
                    max-width: 4em;
64
                    max-height: 4em;
65
                    font-size: 4em;
66
                }
67
            }
68
 
69
            .moodlenet-circle-status {
70
                height: 18rem;
71
                margin: auto;
72
 
73
                &.success {
74
                    background: radial-gradient(circle, rgba(25, 143, 81, 0.1) 9rem, transparent 9rem);
75
                }
76
 
77
                &.fail {
78
                    background: radial-gradient(circle, rgba(202, 49, 32, 0.1) 9rem, transparent 9rem);
79
                }
80
 
81
                span {
82
                    display: block;
83
                    margin: auto;
84
 
85
                    &.status-icon {
86
                        .icon {
87
                            font-size: 8rem;
88
                            width: auto;
89
                            margin: 0;
90
                        }
91
                    }
92
                }
93
            }
94
        }
95
    }
96
 
97
    .modal-footer {
98
        .moodlenet-share-to {
99
            margin-right: auto;
100
        }
101
    }
102
}