Proyectos de Subversion Moodle

Rev

| Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
1 efrain 1 
.moremenu {
2 
    opacity: 0;
3 
    height: 40px;
4 
 
5 
    .rui-course-nav-wrapper & {
6 
        height: 70px;
7 
    }
8 
 
9 
    @include media-breakpoint-between(xs, sm) {
10 
        .more-nav {
11 
            width: 100%;
12 
            display: block;
13 
        }
14 
    }
15 
 
16 
    @include media-breakpoint-between(xs, sm) {
17 
        width: 100%;
18 
    }
19 
 
20 
    &.observed {
21 
        opacity: 1;
22 
        width: auto;
23 
    }
24 
 
25 
    .nav-link {
26 
        display: flex;
27 
        align-items: center;
28 
 
29 
        &.focus,
30 
        &:focus {
31 
            position: relative;
32 
        }
33 
 
34 
        &[data-toggle="tab"] {
35 
            display: inline-flex;
36 
            flex-direction: column;
37 
            align-items: center;
38 
            justify-content: center;
39 
 
40 
            &::after {
41 
                content: attr(data-text) / "";
42 
                height: 0;
43 
                visibility: hidden;
44 
                overflow: hidden;
45 
                user-select: none;
46 
                pointer-events: none;
47 
                font-weight: bold;
48 
            }
49 
        }
50 
    }
51 
 
52 
    .nav-tabs {
53 
        margin: 0;
54 
        width: 100%;
55 
 
56 
        @include media-breakpoint-up(md) {
57 
            width: max-content;
58 
            max-width: 100%;
59 
        }
60 
 
61 
        @include media-breakpoint-between(xs, sm) {
62 
            width: 100%;
63 
        }
64 
 
65 
        #page-site-index & {
66 
            margin: 0 auto;
67 
        }
68 
    }
69 
 
70 
    // Styling for dropdown menus inside the MoreButton.
71 
    .dropdownmoremenu {
72 
        .nav-link {
73 
            padding-right: 25px;
74 
        }
75 
    }
76 
 
77 
    .dropdownmoremenu>.dropdown-menu {
78 
        &>.dropdown-item {
79 
            padding: 0;
80 
        }
81 
 
82 
        .dropdown-menu {
83 
            position: static;
84 
            padding: 0;
85 
            border: 0;
86 
 
87 
            &.show {
88 
                display: block;
89 
            }
90 
 
91 
            .dropdown-divider {
92 
                display: none;
93 
            }
94 
        }
95 
    }
96 
 
97 
    .dropdown-item[aria-current="true"],
98 
    .dropdown-item.active {
99 
        background-color: transparent;
100 
        color: $dropdown-link-color;
101 
 
102 
        &:focus-within,
103 
        &:hover {
104 
            background-color: $dropdown-link-active-bg;
105 
            color: $dropdown-link-active-color;
106 
 
107 
            a {
108 
                color: $dropdown-link-active-color;
109 
            }
110 
        }
111 
    }
112 
}