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: 60px;
4 
 
5 
    .secondary-navigation & {
6 
        height: 40px;
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 
        background-color: $gray-100;
55 
        border-radius: 30px;
56 
 
57 
        @include media-breakpoint-up(md) {
58 
            width: max-content;
59 
            max-width: 100%;
60 
        }
61 
 
62 
        @include media-breakpoint-between(xs, sm) {
63 
            width: 100%;
64 
        }
65 
 
66 
        #page-site-index & {
67 
            margin: 0 auto;
68 
        }
69 
 
70 
        .theme-dark & {
71 
            background-color: #06090c;
72 
        }
73 
    }
74 
 
75 
    .rui-course-nav.nav-tabs {
76 
        border-radius: $btn-border-radius-md;
77 
    }
78 
 
79 
    // Styling for dropdown menus inside the MoreButton.
80 
    .dropdownmoremenu {
81 
        .nav-link {
82 
            padding-right: 25px;
83 
        }
84 
    }
85 
 
86 
    .dropdownmoremenu>.dropdown-menu {
87 
        &>.dropdown-item {
88 
            padding: 0;
89 
        }
90 
 
91 
        .dropdown-menu {
92 
            position: static;
93 
            padding: 0;
94 
            border: 0;
95 
 
96 
            &.show {
97 
                display: block;
98 
            }
99 
 
100 
            .dropdown-divider {
101 
                display: none;
102 
            }
103 
        }
104 
    }
105 
 
106 
    .dropdown-item[aria-current="true"],
107 
    .dropdown-item.active {
108 
        background-color: transparent;
109 
        color: $dropdown-link-color;
110 
 
111 
        &:focus-within,
112 
        &:hover {
113 
            background-color: $dropdown-link-active-bg;
114 
            color: $dropdown-link-active-color;
115 
 
116 
            a {
117 
                color: $dropdown-link-active-color;
118 
            }
119 
        }
120 
    }
121 
}