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 
}