Proyectos de Subversion Moodle

Rev

| Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
1 efrain 1 
.generaltable {
2 
    width: 100%;
3 
    margin-bottom: $spacer;
4 
    color: $table-color;
5 
    background-color: $table-bg; // Reset for nesting within parents with `background-color`.
6 
 
7 
    th,
8 
    td {
9 
        padding: $table-cell-padding;
10 
        vertical-align: top;
11 
        border-top: $table-border-width solid $table-border-color;
12 
        .form-check {
13 
            padding: 0;
14 
        }
15 
    }
16 
 
17 
    thead th,
18 
    thead td {
19 
        vertical-align: bottom;
20 
        border-bottom: (2 * $table-border-width) solid $table-border-color;
21 
    }
22 
 
23 
    tbody + tbody {
24 
        border-top: (2 * $table-border-width) solid $table-border-color;
25 
    }
26 
 
27 
    tbody tr:nth-of-type(#{$table-striped-order}) {
28 
        background-color: $table-accent-bg;
29 
    }
30 
    thead .sticky-column,
31 
    tbody tr:nth-of-type(even) {
32 
        background-color: $white;
33 
    }
34 
    tbody tr:nth-of-type(#{$table-striped-order}) .sticky-column {
35 
        background-color: $table-accent-bg;
36 
    }
37 
    &.table-sm {
38 
        th,
39 
        td {
40 
            padding: $table-cell-padding-sm;
41 
        }
42 
    }
43 
    tbody tr {
44 
        &:hover {
45 
            color: $table-hover-color;
46 
            background-color: $table-hover-bg;
47 
            &.dimmed_text {
48 
                a:not(.menu-action) {
49 
                    color: $table-hover-color;
50 
                }
51 
            }
52 
            td.sticky-column {
53 
                background-color: $table-hover-bg;
54 
            }
55 
        }
56 
    }
57 
}
58 
 
59 
table {
60 
    caption {
61 
        font-size: 24px;
62 
        font-weight: bold;
63 
        line-height: 42px;
64 
        text-align: left;
65 
        caption-side: top;
66 
    }
67 
    .sticky-column {
68 
        position: sticky;
69 
        left: 0;
70 
        background-color: inherit;
71 
    }
72 
}
73 
 
74 
.table-dynamic .loading-icon {
75 
    position: absolute;
76 
    left: calc(50% - 1.5rem);
77 
    top: 200px;
78 
    .icon {
79 
        max-height: 3rem;
80 
        max-width: 3rem;
81 
        font-size: 3rem;
82 
    }
83 
}