Proyectos de Subversion Moodle

Rev

Rev 1 | | Comparar con el anterior | 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 + 8px;
42 
    box-shadow: $box-shadow-md;
43 
    z-index: $zindex-fixed + 200;
44 
 
1441 ariadna 45 
    #page-grade-report-grader-index.path-grade & {
46 
        padding: 10px 8px 10px 30px!important;
47 
 
48 
        .col {
49 
            padding-right: 0!important;
50 
        }
51 
    }
52 
 
1 efrain 53 
    #page-grade-import-csv-index &,
54 
    #page-grade-export-txt-index &,
55 
    #page-grade-export-xls-index &,
56 
    #page-grade-export-xml-index &,
57 
    #page-grade-report-user-index &,
58 
    #page-grade-report-singleview-index &,
59 
    #page-grade-export-ods-index.path-grade & {
60 
        padding: 10px 0 0 !important;
61 
        bottom: 0;
62 
        left: 0;
63 
        right: 0;
64 
        position: relative;
65 
        box-shadow: none;
66 
        background-color: transparent !important;
67 
        z-index: 1;
68 
 
69 
        .col-md-9,
70 
        .col-md-3 {
71 
            flex: 0 0 100%;
72 
            max-width: 100%;
73 
        }
74 
    }
75 
 
76 
    .theme-dark & {
77 
        background-color: $dm-gray-200!important;
78 
    }
79 
 
80 
    @include media-breakpoint-up(lg) {
81 
 
82 
        .drawer-open-index--open &,
83 
        .drawer-open-left & {
84 
            left: $drawer-width + $drawer-offscreen-gutter + 10px;
85 
        }
86 
    }
87 
 
88 
    div {
89 
        margin-top: 0 !important;
90 
    }
91 
 
92 
    label {
93 
        margin-bottom: 0;
94 
        font-size: $font-size-sm;
95 
    }
96 
 
97 
    select {
98 
        margin-top: 0 !important;
99 
        margin-left: .5rem;
100 
        padding: 2px 30px 2px 10px;
101 
        height: 30px;
102 
        font-size: $font-size-xs;
103 
    }
104 
 
105 
    .col-auto {
106 
        padding: 0 !important;
107 
    }
108 
 
109 
    .col:empty {
110 
        display: none;
111 
    }
112 
 
113 
    .pagination, .comment-paging {
114 
        margin: 0 3px;
115 
    }
116 
}
117 
 
118 
.hasstickyfooter .stickyfooter {
119 
    bottom: 20px;
120 
}
121 
 
122 
@include media-breakpoint-up(sm) {
123 
    #page-wrapper {
124 
        height: 100%;
125 
        display: flex;
126 
        flex-direction: column;
127 
        position: relative;
128 
 
129 
        #page {
130 
            &:not(.drawers) {
131 
                flex: 1 0 auto;
132 
            }
133 
 
134 
            display: flex;
135 
            flex-direction: column;
136 
 
137 
            #page-content {
138 
                flex: 1 0 auto;
139 
            }
140 
        }
141 
 
142 
        #page-footer {
143 
            flex-shrink: 0;
144 
        }
145 
    }
146 
}
147 
 
148 
@include media-breakpoint-down(sm) {
149 
    #page-wrapper {
150 
        height: 100%;
151 
        display: flex;
152 
        flex-direction: column;
153 
 
154 
        #page {
155 
            &:not(.drawers) {
156 
                flex: 1 0 auto;
157 
            }
158 
 
159 
            display: flex;
160 
            flex-direction: column;
161 
        }
162 
    }
163 
 
164 
    .custom-control-label--text {
165 
        font-size: $font-size-xs;
166 
    }
167 
 
168 
    .bulkediting--close {
169 
        position: absolute;
170 
        top: -50px;
171 
        right: 0;
172 
    }
173 
}
174 
 
175 
.path-grade {
176 
    .sticky-footer {
177 
        padding: 9px !important;
178 
 
179 
        .btn-primary {
180 
            padding: .6rem 1rem;
181 
        }
182 
    }
183 
}
184 
 
185 
.path-grade-edit #sticky-footer {
186 
    padding: 10px!important;
187 
}
188 
 
189 
#sticky-footer .col+.col-auto {
190 
    margin-left: 10px;
191 
}