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 
.action-menu .dropdown-toggle {
2 
    text-decoration: none;
3 
    display: inline-block;
4 
}
5 
 
6 
.action-menu {
7 
    white-space: nowrap;
8 
    display: inline;
9 
 
10 
    // Kebab action menus do no show chevrons or extra dropdown icons.
11 
    .dropdown-toggle.no-caret {
12 
        &::after {
13 
            display: none;
14 
        }
15 
 
16 
        &::before {
17 
            display: none;
18 
        }
19 
    }
20 
 
21 
    .dropdown.downleft .dropdown-subpanel-content {
22 
        right: 0;
23 
        left: auto;
24 
    }
25 
 
26 
    .dropdown-subpanel.content-displayed {
27 
        background-color: $gray-200;
28 
    }
29 
 
30 
    .dropdown-subpanel-content {
31 
        max-width: $modal-sm;
32 
        box-shadow: 0 0 1rem rgba($black, .15);
33 
    }
34 
 
35 
    .dropdown-subpanel-content.show {
36 
        @include optional-animation(0.15s animate-pop);
37 
    }
38 
 
39 
    // Chevrons in sub panel items are always to end.
40 
    .dropdown-subpanel .dropdown-item {
41 
        &::after {
42 
            border: 0;
1441 ariadna 43 
            font: var(--fa-font-solid);
1 efrain 44 
            content: fa-content($fa-var-chevron-right);
45 
        }
46 
 
47 
        &::before {
48 
            display: none;
49 
        }
50 
    }
51 
}
52 
 
53 
@keyframes animate-pop {
54 
    0% {
55 
        transform: scale(0.90, 0.90);
56 
    }
57 
 
58 
    100% {
59 
        transform: scale(1, 1);
60 
    }
61 
}
62 
 
63 
.dir-rtl .action-menu {
64 
 
65 
    // Chevrons in subpanels items are always to end.
66 
    .dropdown-subpanel .dropdown-item {
67 
        &::after {
68 
            border: 0;
1441 ariadna 69 
            font: var(--fa-font-solid);
1 efrain 70 
            content: fa-content($fa-var-chevron-left);
71 
        }
72 
 
73 
        &::before {
74 
            display: none;
75 
        }
76 
    }
77 
}
78 
 
79 
// Make links in a menu clickable anywhere in the row.
80 
.dropdown-item {
81 
    a {
82 
        display: block;
83 
        width: 100%;
84 
        color: $body-color;
85 
    }
86 
 
87 
    &.active,
88 
    &:active,
89 
    &:hover,
90 
    &:focus,
91 
    &:focus-within {
92 
        a {
93 
            color: $dropdown-link-active-color;
94 
        }
95 
    }
96 
 
97 
    &[aria-current="true"],
98 
    &[aria-selected="true"] {
99 
        position: relative;
100 
        display: flex;
101 
        align-items: center;
102 
 
103 
        &:before {
1441 ariadna 104 
            font: var(--fa-font-solid);
1 efrain 105 
            content: fa-content($fa-var-check);
106 
            position: absolute;
107 
            left: 0.4rem;
108 
            font-size: 0.7rem;
109 
        }
110 
    }
111 
}
112 
 
113 
.dropdown-item-outline {
114 
 
115 
    &:focus,
116 
    &:focus-within {
117 
        outline: solid $dropdown-link-active-bg;
118 
    }
119 
 
120 
    a:focus,
121 
    a:focus-visible {
122 
        outline: 0;
123 
    }
124 
}