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 
.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 
 
1441 ariadna 7 
    $table-cell-padding: .75rem !default;
8 
    $table-cell-padding-sm: .3rem !default;
9 
 
1 efrain 10 
    th,
11 
    td {
12 
        padding: $table-cell-padding;
13 
        vertical-align: top;
14 
        border-top: $table-border-width solid $table-border-color;
15 
    }
16 
 
17 
    thead th,
18 
    thead td {
19 
        vertical-align: bottom;
1441 ariadna 20 
        border-bottom: calc(2 * #{$table-border-width}) solid $table-border-color;
1 efrain 21 
    }
22 
 
23 
    tbody + tbody {
1441 ariadna 24 
        border-top: calc(2 * #{$table-border-width}) solid $table-border-color;
1 efrain 25 
    }
26 
 
27 
    &.table-sm {
28 
        th,
29 
        td {
30 
            padding: $table-cell-padding-sm;
31 
        }
32 
    }
33 
    tbody tr {
34 
        &:hover {
35 
            &.dimmed_text {
36 
                a:not(.menu-action) {
37 
                    color: $table-hover-color;
38 
                }
39 
            }
40 
            td.sticky-column {
41 
                background-color: $table-hover-bg;
42 
            }
43 
        }
44 
    }
1441 ariadna 45 
    // Allow table cells to inherit text color and background color from table rows.
46 
    tbody {
47 
        td,
48 
        th {
49 
            color: inherit;
50 
            background-color: inherit;
51 
        }
52 
    }
1 efrain 53 
}
54 
 
55 
table {
56 
    caption {
57 
        font-size: 24px;
58 
        font-weight: bold;
59 
        line-height: 42px;
60 
        text-align: left;
61 
        caption-side: top;
62 
    }
63 
    .sticky-column {
64 
        position: sticky;
65 
        left: 0;
66 
        background-color: inherit;
67 
    }
68 
}
69 
 
1441 ariadna 70 
.table-dynamic > .loading-icon {
1 efrain 71 
    position: absolute;
72 
    left: calc(50% - 1.5rem);
73 
    top: 200px;
74 
    .icon {
75 
        max-height: 3rem;
76 
        max-width: 3rem;
77 
        font-size: 3rem;
78 
    }
79 
}
1441 ariadna 80 
 
81 
.table-responsive {
82 
    // Fix dropdown menu position inside responsive tables.
83 
    .dropdown {
84 
        position: static !important; /* stylelint-disable-line declaration-no-important */
85 
    }
86 
    // Fix visually hidden text in responsive tables.
87 
    .table {
88 
        margin-bottom: 0;
89 
        .visually-hidden,
90 
        .accesshide {
91 
            position: relative !important; /* stylelint-disable-line declaration-no-important */
92 
            display: block;
93 
        }
94 
    }
95 
}