Proyectos de Subversion Moodle

Rev

| Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
1 efrain 1
/**
2
 * This file contains the styles required to make the footer sticky.
3
 */
4
 
5
html,
6
body {
7
    height: 100%;
8
}
9
 
10
.stickyfooter {
11
    width: max-content;
12
    max-width: calc(100% - 40px);
13
 
14
    @include media-breakpoint-up(md) {
15
        height: $stickyfooter-height;
16
        bottom: calc(#{$stickyfooter-height} * -1);
17
        left: 20px;
18
        right: 20px;
19
    }
20
 
21
    @include media-breakpoint-between(xs, sm) {
22
        max-width: calc(100% - 32px);
23
        min-width: calc(100% - 32px);
24
        left: 16px;
25
        right: 16px;
26
        bottom: -100%;
27
 
28
        .disabled {
29
            display: none!important;
30
        }
31
    }
32
 
33
    display: flex;
34
    flex-wrap: wrap;
35
 
36
    transition: all 350ms ease;
37
 
38
    background-color: $body-bg;
39
    border-top: none !important;
40
 
41
    border-radius: $btn-border-radius;
42
    box-shadow: $box-shadow-md;
43
    z-index: $zindex-fixed + 200;
44
 
45
    #page-grade-import-csv-index &,
46
    #page-grade-report-grader-index.path-grade &,
47
    #page-grade-export-txt-index &,
48
    #page-grade-export-xls-index &,
49
    #page-grade-export-xml-index &,
50
    #page-grade-report-user-index &,
51
    #page-grade-report-singleview-index &,
52
    #page-grade-export-ods-index.path-grade & {
53
        padding: 10px 0 0 !important;
54
        bottom: 0;
55
        left: 0;
56
        right: 0;
57
        position: relative;
58
        box-shadow: none;
59
        background-color: transparent !important;
60
        z-index: 1;
61
 
62
        .col-md-9,
63
        .col-md-3 {
64
            flex: 0 0 100%;
65
            max-width: 100%;
66
        }
67
    }
68
 
69
    .theme-dark & {
70
        background-color: $dm-gray-200!important;
71
    }
72
 
73
    @include media-breakpoint-up(lg) {
74
 
75
        .drawer-open-index--open &,
76
        .drawer-open-left & {
77
            left: $drawer-width + $drawer-offscreen-gutter + 10px;
78
        }
79
    }
80
 
81
    div {
82
        margin-top: 0 !important;
83
    }
84
 
85
    label {
86
        margin-bottom: 0;
87
        font-size: $font-size-sm;
88
    }
89
 
90
    select {
91
        margin-top: 0 !important;
92
        margin-left: .5rem;
93
        padding: 2px 30px 2px 10px;
94
        height: 30px;
95
        font-size: $font-size-xs;
96
    }
97
 
98
    .col-auto {
99
        padding: 0 !important;
100
    }
101
 
102
    .col:empty {
103
        display: none;
104
    }
105
 
106
    .pagination, .comment-paging {
107
        margin: 0 3px;
108
    }
109
}
110
 
111
.hasstickyfooter .stickyfooter {
112
    bottom: 20px;
113
}
114
 
115
@include media-breakpoint-up(sm) {
116
    #page-wrapper {
117
        height: 100%;
118
        display: flex;
119
        flex-direction: column;
120
        position: relative;
121
 
122
        #page {
123
            &:not(.drawers) {
124
                flex: 1 0 auto;
125
            }
126
 
127
            display: flex;
128
            flex-direction: column;
129
 
130
            #page-content {
131
                flex: 1 0 auto;
132
            }
133
        }
134
 
135
        #page-footer {
136
            flex-shrink: 0;
137
        }
138
    }
139
}
140
 
141
@include media-breakpoint-down(sm) {
142
    #page-wrapper {
143
        height: 100%;
144
        display: flex;
145
        flex-direction: column;
146
 
147
        #page {
148
            &:not(.drawers) {
149
                flex: 1 0 auto;
150
            }
151
 
152
            display: flex;
153
            flex-direction: column;
154
        }
155
    }
156
 
157
    .custom-control-label--text {
158
        font-size: $font-size-xs;
159
    }
160
 
161
    .bulkediting--close {
162
        position: absolute;
163
        top: -50px;
164
        right: 0;
165
    }
166
}
167
 
168
.path-grade {
169
    .sticky-footer {
170
        padding: 9px !important;
171
 
172
        .btn-primary {
173
            padding: .6rem 1rem;
174
        }
175
    }
176
}
177
 
178
.path-grade-edit #sticky-footer {
179
    padding: 10px!important;
180
}
181
 
182
#sticky-footer .col+.col-auto {
183
    margin-left: 10px;
184
}