Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 4431 | Rev 4739 | Ir a la última revisión | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 4431 Rev 4432
Línea 31... Línea 31...
31 
        font-size: 12px;
 31 
        font-size: 12px;
32 
        font-weight: 400;
 32 
        font-weight: 400;
33 
    }
 33 
    }
34 
}
 34 
}
Línea 35... Línea -...
35 
 
 - 
 
36 
.user__options-dropdown,
 - 
 
37 
.nav__options-dropdown {
 - 
 
38 
    position: absolute;
 - 
 
39 
    right: 0;
 - 
 
40 
    min-width: 220px;
 - 
 
41 
    top: calc(100% + 10px);
 - 
 
42 
    background-color: #fff;
 - 
 
43 
    border-radius: 5px;
 - 
 
44 
    border-top-right-radius: 0;
 - 
 
45 
    box-shadow: 0 0 0 1px rgb(0 0 0 / 5%), 0 3px 3px rgb(0 0 0 / 30%);
 - 
 
46 
    transition: all 0.2s ease-in-out;
 - 
 
47 
    &.fadeOut {
 - 
 
48 
        transform: scaleY(0);
 - 
 
49 
        opacity: 0;
 - 
 
50 
    }
 - 
 
51 
    &.fadeIn {
 - 
 
52 
        transform: scaleY(1);
 - 
 
53 
        opacity: 1;
 - 
 
54 
    }
 - 
 
55 
    ul {
 - 
 
56 
        display: flex;
 - 
 
57 
        flex-direction: column;
 - 
 
58 
        gap: 0.5rem;
 - 
 
59 
        a {
 - 
 
60 
            white-space: nowrap;
 - 
 
61 
        }
 - 
 
62 
    }
 - 
 
63 
}
 - 
 
64 
 
 - 
 
65 
.nav__options-dropdown {
 - 
 
66 
    transform: scaleY(0);
 - 
 
67 
    opacity: 0;
 - 
 
68 
    padding: 1rem;
 - 
 
69 
    min-width: auto;
 - 
 
70 
    top: 99%;
 - 
 
71 
    ul {
 - 
 
72 
        display: flex;
 - 
 
73 
        flex-direction: column;
 - 
 
74 
        gap: 0.5rem;
 - 
 
75 
        a {
 - 
 
76 
            color: gray !important;
 - 
 
77 
            &:hover {
 - 
 
78 
                text-decoration: underline !important;
 - 
 
79 
            }
 - 
 
80 
        }
 - 
 
81 
    }
 - 
 
82 
}
 - 
 
83 
 
 - 
 
84 
li:hover .header__option ~ .nav__options-dropdown {
 - 
 
85 
    transform: scaleY(1);
 - 
 
86 
    opacity: 1;
 - 
 
87 
}
 - 
 
88 
 
 - 
 
89 
.user__options-description {
 - 
 
90 
    display: flex;
 - 
 
91 
    flex-direction: column;
 - 
 
92 
    align-items: center;
 - 
 
93 
    gap: 0.5rem;
 - 
 
94 
    padding: 10px;
 - 
 
95 
    .btn__profile {
 - 
 
96 
        padding: 2px;
 - 
 
97 
        border: 1px solid #7405f9;
 - 
 
98 
        width: 100%;
 - 
 
99 
        border-radius: 30px;
 - 
 
100 
        color: #7405f9;
 - 
 
101 
        font-size: 0.9rem;
 - 
 
102 
        text-align: center;
 - 
 
103 
        transition: all 0.1s ease-in;
 - 
 
104 
        &:hover {
 - 
 
105 
            border: 2px solid #7405f9;
 - 
 
106 
        }
 - 
 
107 
    }
 - 
 
108 
}
 - 
 
109 
 
 - 
 
110 
.user__options-item {
 - 
 
111 
    padding: 1rem 10px;
 - 
 
112 
    border-top: 1px solid rgba(0, 0, 0, 0.08);
 - 
 
113 
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
 - 
 
114 
    display: flex;
 - 
 
115 
    flex-direction: column;
 - 
 
116 
    gap: 0.5rem;
 - 
 
117 
    h3 {
 - 
 
118 
        font-weight: 600;
 - 
 
119 
    }
 - 
 
120 
    ul {
 - 
 
121 
        display: flex;
 - 
 
122 
        flex-direction: column;
 - 
 
123 
        gap: 0.5rem;
 - 
 
124 
        a {
 - 
 
125 
            color: gray !important;
 - 
 
126 
            &:hover {
 - 
 
127 
                text-decoration: underline !important;
 - 
 
128 
            }
 - 
 
129 
        }
 - 
 
130 
    }
 - 
 
131 
}
 - 
 
132 
 
 - 
 
133 
.user__options-info {
 - 
 
134 
    display: flex;
 - 
 
135 
    align-items: center;
 - 
 
136 
    gap: 0.5rem;
 - 
 
137 
    width: 100%;
 - 
 
138 
    h3 {
 - 
 
139 
        font-weight: 600;
 - 
 
140 
        font-size: 1.1rem;
 - 
 
141 
    }
 - 
 
142 
}
 - 
 
143 
 
 - 
 
144 
.user__option-icon {
 - 
 
145 
    height: 16px;
 - 
 
146 
    width: 16px;
 - 
 
147 
}
 - 
 
148 
 
 35 
 
149 
@media (min-width: 768px) {
 36 
@media (min-width: 768px) {
150 
    .header__option {
 37 
    .header__option {
151 
        min-width: 60px;
 38 
        min-width: 60px;
152 
        & > span {
 39 
        & > span {
153 
            display: flex;
 40 
            display: flex;
154 
            align-items: center;
 41 
            align-items: center;
155 
        }
 42 
        }
- 
 
 43 
    }
156 
    }
 44