Proyectos de Subversion Moodle

Rev

| 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;
43 
            @extend .fa-solid;
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;
69 
            @extend .fa-solid;
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 
        outline: 0;
93 
        background-color: $dropdown-link-active-bg;
94 
        color: $dropdown-link-active-color;
95 
 
96 
        a {
97 
            color: $dropdown-link-active-color;
98 
        }
99 
    }
100 
 
101 
    &[aria-current="true"],
102 
    &[aria-selected="true"] {
103 
        position: relative;
104 
        display: flex;
105 
        align-items: center;
106 
 
107 
        &:before {
108 
            @extend .fa-solid;
109 
            content: fa-content($fa-var-check);
110 
            position: absolute;
111 
            left: 0.4rem;
112 
            font-size: 0.7rem;
113 
        }
114 
    }
115 
}
116 
 
117 
.dropdown-item-outline {
118 
 
119 
    &:focus,
120 
    &:focus-within {
121 
        outline: solid $dropdown-link-active-bg;
122 
    }
123 
 
124 
    a:focus,
125 
    a:focus-visible {
126 
        outline: 0;
127 
    }
128 
}