Proyectos de Subversion Moodle

Rev

| Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
1 efrain 1 
//---- Chat
2 
//---- Module Activity
3 
 
4 
// -------------------------
5 
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax {
6 
    background-color: $body-bg;
7 
 
8 
    .theme-dark & {background-color: $dm-body-bg;}
9 
 
10 
    .yui-layout-unit div.yui-layout-bd-nohd,
11 
    .yui-layout-unit div.yui-layout-bd-noft,
12 
    .yui-layout-unit div.yui-layout-bd,
13 
    .yui-layout-unit-right,
14 
    .yui-layout-unit-bottom {
15 
        border: 0;
16 
    }
17 
 
18 
    .yui-layout-unit-right,
19 
    .yui-layout-unit-bottom {
20 
        border-radius: 0;
21 
    }
22 
 
23 
    .yui-layout-unit div.yui-layout-bd {
24 
        background-color: transparent;
25 
    }
26 
    .yui-layout-unit.yui-layout-unit-center div.yui-layout-bd {
27 
        background-color: $gray-100;
28 
 
29 
        .theme-dark & {background-color: $dm-gray-100;}
30 
    }
31 
    // Override the default padding added by function $OUTPUT->box();
32 
    #chat-input-area.py-3 {
33 
        padding: 0 !important; /* stylelint-disable-line declaration-no-important */
34 
    }
35 
    #chat-input-area {
36 
        .form-group {
37 
            margin: 0;
38 
 
39 
            #input-message {
40 
                height: auto;
41 
                padding: 10px;
42 
            }
43 
        }
44 
    }
45 
    #chat-input-area table.generaltable,
46 
    #chat-input-area table.generaltable td.cell {
47 
        border: 0;
48 
        padding: 3px 15px;
49 
        white-space: nowrap;
50 
        margin-bottom: 0;
51 
    }
52 
 
53 
    #chat-userlist {
54 
        padding: 5px;
55 
 
56 
        #users-list {
57 
            li {
58 
                border-top: 1px solid $body-bg;
59 
                border-bottom: 1px solid $gray-300;
60 
                padding: 5px 0;
61 
 
62 
                .theme-dark & {
63 
                    border-top: 1px solid $dm-body-bg;
64 
                    border-bottom: 1px solid $dm-gray-300;
65 
                }
66 
            }
67 
 
68 
            img {
69 
                margin-right: 8px;
70 
                border-radius: $btn-border-radius;
71 
                max-width: none;
72 
            }
73 
 
74 
            strong {
75 
                font-size: $font-size-sm;
76 
                font-weight: $font-weight-medium;
77 
            }
78 
        }
79 
    }
80 
 
81 
    #chat-messages {
82 
        margin: 20px 25px;
83 
 
84 
        .chat-event.course-theme {
85 
            text-align: center;
86 
            margin: 10px 0;
87 
            font-size: $font-size-sm;
88 
            color: $gray-700;
89 
 
90 
            .theme-dark & {color: $dm-gray-700;}
91 
        }
92 
 
93 
        .chat-message.course-theme {
94 
            margin-bottom: $card-spacer-y;
95 
            @include border-radius($card-border-radius);
96 
            border: $card-border-width solid $card-border-color;
97 
            padding: $card-spacer-x;
98 
 
99 
            .theme-dark & {border: $card-border-width solid $dm-card-border-color;}
100 
 
101 
            .time {
102 
                float: right;
103 
                font-size: 11px;
104 
                color: $gray-700;
105 
 
106 
                .theme-dark & {color: $dm-gray-700;}
107 
            }
108 
        }
109 
 
110 
        .chat-message.course-theme {
111 
            background-color: $white;
112 
 
113 
            .user {
114 
                font-weight: $font-weight-bold;
115 
            }
116 
        }
117 
    }
118 
}
119 
 
120 
#page-mod-chat-report,
121 
#page-mod-chat-view {
122 
    .main-content {
123 
        #intro {
124 
            p {
125 
                margin: 0;
126 
            }
127 
        }
128 
 
129 
        #enterlink {
130 
            &:empty {
131 
                display: none;
132 
            }
133 
 
134 
            p {
135 
                margin-bottom: 0.5rem;
136 
            }
137 
        }
138 
    }
139 
}
140 
 
141 
#page-mod-chat-report {
142 
    .main-content {
143 
        .list-group {
144 
            margin-top: 2rem;
145 
 
146 
            p {
147 
                margin: 0 5px 0;
148 
                font-size: $font-size-sm;
149 
                color: $body-color-secondary;
150 
 
151 
                .theme-dark & {color: $dm-body-color-secondary;}
152 
            }
153 
 
154 
            .generalbox {
155 
                padding: 0!important;
156 
            }
157 
 
158 
            [align="right"] {
159 
                margin: 1rem 5px 0;
160 
 
161 
                width: 100%;
162 
 
163 
                display: inline-flex;
164 
                justify-content: space-between;
165 
 
166 
                a:nth-of-type(2) {
167 
                    color: $red-800;
168 
                }
169 
            }
170 
        }
171 
    }
172 
}
173 
 
174 
.chat-message {
175 
    .userpicture {
176 
        border-radius: $btn-border-radius;
177 
    }
178 
 
179 
    .title {
180 
        font-size: $font-size-sm;
181 
        color: $body-color-secondary;
182 
 
183 
        .theme-dark & {color: $dm-body-color-secondary;}
184 
    }
185 
 
186 
    p {
187 
        font-size: $font-size-base;
188 
        color: $body-color;
189 
 
190 
        .theme-dark & {color: $dm-body-color;}
191 
    }
192 
}
193 
 
194 
.chat-event {
195 
    margin-bottom: .25rem;
196 
    background-color: $gray-100;
197 
    border-radius: $btn-border-radius;
198 
 
199 
    .theme-dark & {background-color: $dm-gray-100;}
200 
 
201 
    td {
202 
        padding: .25rem .35rem;
203 
    }
204 
 
205 
    .text {
206 
        padding-right: 1rem;
207 
        font-size: $font-size-xs;
208 
    }
209 
 
210 
    .event {
211 
        color: $gray-700;
212 
 
213 
        .theme-dark & {color: $dm-gray-700;}
214 
    }
215 
 
216 
    .userpicture {
217 
        margin: 0;
218 
 
219 
        width: 26px;
220 
        height: 26px;
221 
    }
222 
}
223 
 
224 
 
225 
#chatcurrentusers {
226 
    padding: 1rem;
227 
    background-color: $gray-100;
228 
    border-radius: $btn-border-radius;
229 
 
230 
    .theme-dark & {background-color: $dm-gray-100;}
231 
 
232 
    .chatuserimage {
233 
        margin-right: .5rem;
234 
 
235 
        img {
236 
            border-radius: $btn-border-radius;
237 
        }
238 
    }
239 
 
240 
    p {
241 
        margin: 0;
242 
        font-weight: $font-weight-medium;
243 
    }
244 
 
245 
    .idletime {
246 
        font-size: $font-size-xs;
247 
        color: $body-color-secondary;
248 
 
249 
        .theme-dark & {color: $dm-body-color-secondary;}
250 
    }
251 
}
252 
 
253 
 
254 
//More accessible interface
255 
#page-mod-chat-gui_basic-index {
256 
    margin: 10px 0;
257 
 
258 
    #page {
259 
        padding: 2rem!important;
260 
    }
261 
 
262 
    #messages {
263 
        margin: 2rem 0 0;
264 
    }
265 
 
266 
    .generaltable {
267 
        margin: 20px;
268 
        width: calc(100% - 40px);
269 
    }
270 
 
271 
    #participants {
272 
        margin: 10px 60px;
273 
 
274 
        .userpicture {
275 
            border-radius: $btn-border-radius;
276 
        }
277 
 
278 
        .userinfo {
279 
            font-size: $font-size-xs;
280 
            color: $body-color-secondary;
281 
 
282 
            .theme-dark & {color: $dm-body-color-secondary;}
283 
        }
284 
    }
285 
}
286 
 
287 
#enterlink {
288 
    padding: 20px 30px;
289 
    background-color: var(--primary-color-100);
290 
    border-radius: $btn-border-radius;
291 
 
292 
    text-align: center;
293 
 
294 
    .theme-dark & {
295 
        background-color: transparent;
296 
        border: 1px solid $dm-border-color;
297 
    }
298 
}
299 
 
300 
#enterlink p:nth-of-type(1) {
301 
    margin-top: 10px;
302 
    margin-bottom: 20px!important;
303 
 
304 
    color: var(--primary-color-700);
305 
}