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 
        max-width: 270px;
26 
    }
27 
 
28 
    .dropdown-subpanel.content-displayed .dropdown-toggle {
29 
        background-color: $dropdown-link-hover-bg;
30 
 
31 
        .theme-dark & {
32 
            background-color: $dm-dropdown-link-hover-bg;
33 
        }
34 
    }
35 
 
36 
    .dropdown-subpanel-content {
37 
        max-width: $modal-sm;
38 
        box-shadow: rgba(0,0,0,.15) 0 15px 25px, rgba(0,0,0,.6) 0 13px 30px, rgba(0,0,0,.8) 0 2px 3px;
39 
    }
40 
 
41 
    .dropdown-subpanel-content.show {
42 
        @include optional-animation(0.15s animate-pop);
43 
    }
44 
 
45 
}
46 
 
47 
@keyframes animate-pop {
48 
    0% {
49 
        transform: scale(0.90, 0.90);
50 
    }
51 
 
52 
    100% {
53 
        transform: scale(1, 1);
54 
    }
55 
}
56 
 
57 
.dir-rtl .action-menu {
58 
 
59 
    // Chevrons in subpanels items are always to end.
60 
    .dropdown-subpanel .dropdown-item {
61 
        &::after {
62 
            border: 0;
63 
            // @extend .fa-solid;
64 
            // content: fa-content($fa-var-chevron-left);
65 
        }
66 
 
67 
        &::before {
68 
            display: none;
69 
        }
70 
    }
71 
}
72 
 
73 
// Make links in a menu clickable anywhere in the row.
74 
.dropdown-item {
75 
    a {
76 
        display: block;
77 
        width: 100%;
78 
    }
79 
 
80 
    &.active,
81 
    &:active,
82 
    &:hover,
83 
    &:focus,
84 
    &:focus-within {
85 
        outline: 0;
86 
        background-color: $dropdown-link-active-bg;
87 
        color: $dropdown-link-active-color;
88 
 
89 
        .theme-dark & {
90 
            background-color: $dm-dropdown-link-active-bg;
91 
            color: $dm-dropdown-link-active-color;
92 
        }
93 
 
94 
        a {
95 
            color: $dropdown-link-active-color;
96 
 
97 
            .theme-dark & {
98 
                color: $dm-dropdown-link-active-color;
99 
            }
100 
        }
101 
    }
102 
 
103 
    &[aria-current="true"],
104 
    &[aria-selected="true"] {
105 
        position: relative;
106 
        display: flex;
107 
        align-items: center;
108 
 
109 
        &:before {
110 
            // @extend .fa-solid;
111 
            // content: fa-content($fa-var-check);
112 
            position: absolute;
113 
            left: 0.4rem;
114 
            font-size: 0.7rem;
115 
        }
116 
    }
117 
}
118 
 
119 
.dropdown-item-outline {
120 
 
121 
    &:focus,
122 
    &:focus-within {
123 
        outline: solid $dropdown-link-active-bg;
124 
 
125 
        .theme-dark & {
126 
            outline: solid $dropdown-link-active-bg;
127 
        }
128 
 
129 
    }
130 
 
131 
    a:focus,
132 
    a:focus-visible {
133 
        outline: 0;
134 
    }
135 
}