Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 4441 | Rev 4499 | Ir a la última revisión | | Comparar con el anterior | Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
4299 stevensc 1 
.sidebar {
4306 stevensc 2 
    position: relative;
4299 stevensc 3 
    display: flex;
4 
    flex-direction: column;
5 
    text-align: center;
6 
    height: fit-content;
4306 stevensc 7 
    grid-area: sidebar;
4299 stevensc 8 
}
9 
 
10 
.sidebar__top {
11 
    align-items: center;
12 
    background-color: #fff;
13 
    border: 1px solid lightgray;
14 
    display: flex;
15 
    flex-direction: column;
16 
    overflow: hidden;
4308 stevensc 17 
    * {
18 
        margin-bottom: 0.5rem;
19 
    }
4498 stevensc 20 
    h1,
21 
    p,
22 
    span {
4301 stevensc 23 
        font-size: 0.9rem;
24 
    }
4498 stevensc 25 
    span {
26 
        color: rgba(0, 0, 0, 0.6);
27 
    }
4308 stevensc 28 
    .sidebar__cover {
4299 stevensc 29 
        width: 100%;
30 
        height: 60px;
31 
        object-fit: cover;
32 
        margin-bottom: -20px;
33 
    }
34 
}
35 
 
36 
.sidebar__bottom {
37 
    margin-top: 10px;
38 
    display: flex;
39 
    flex-direction: column;
40 
    align-items: center;
41 
    border: 1px solid lightgray;
42 
    background-color: #fff;
43 
    overflow: hidden;
4318 stevensc 44 
    padding: 10px 0;
4299 stevensc 45 
}
46 
 
4438 stevensc 47 
.sidebar-apps__widget {
4439 stevensc 48 
    border: 1px solid #d3d3d3;
4438 stevensc 49 
    background-color: #fff;
50 
    padding: 1rem;
4439 stevensc 51 
    margin-top: 0.5rem;
52 
    border-radius: 10px;
4441 stevensc 53 
    gap: 0.5rem;
4438 stevensc 54 
}
55 
 
4299 stevensc 56 
.sidebar__stats {
4313 stevensc 57 
    background-color: #fff;
4299 stevensc 58 
    padding-top: 10px;
59 
    padding-bottom: 10px;
60 
    border: 1px solid lightgray;
61 
    border-top: 0;
4321 stevensc 62 
    &:nth-last-child(2) {
63 
        border-radius: 10px;
64 
        border-top-left-radius: 0;
65 
        border-top-right-radius: 0;
66 
    }
4299 stevensc 67 
}
68 
 
69 
.sidebar__stat {
4305 stevensc 70 
    padding: 10px;
4299 stevensc 71 
    display: flex;
72 
    justify-content: space-between;
73 
    cursor: pointer;
74 
    &:hover {
75 
        background-color: rgba(0, 0, 0, 0.08);
76 
    }
4315 stevensc 77 
    & > span {
78 
        font-size: 0.9rem;
4299 stevensc 79 
        font-weight: 600;
80 
        color: gray;
81 
    }
82 
}
83 
 
84 
.sidebar__stat-number {
85 
    font-weight: bold !important;
86 
    color: #0a66c2 !important;
87 
}
88 
 
89 
.sidebar__recent-item__container {
90 
    display: flex;
91 
    flex-direction: column;
92 
    width: 100%;
93 
}
94 
 
95 
.sidebar__recent-item {
96 
    cursor: pointer;
97 
    display: flex;
98 
    align-items: center;
99 
    justify-content: space-between;
100 
    width: 100%;
4318 stevensc 101 
    padding: 0 10px;
4299 stevensc 102 
}
103 
 
104 
.sidebar__recent-item > p {
4315 stevensc 105 
    font-size: 0.9rem;
4299 stevensc 106 
    font-weight: 600;
107 
    color: gray;
108 
}
109 
 
110 
.sidebar__recent-actions {
111 
    align-items: center;
112 
    display: flex;
113 
    gap: 10px;
114 
}
115 
 
116 
.sidebar__recent-icon {
117 
    background-color: #0000;
118 
    border: none;
119 
    border-radius: 50%;
120 
    height: 2rem;
121 
    width: 2rem;
122 
    display: grid;
123 
    place-items: center;
124 
    padding: 0;
125 
    cursor: pointer;
126 
    opacity: 0;
127 
    transition: all 0.2s;
128 
}
129 
 
130 
.sidebar__recent-item:hover .sidebar__recent-icon {
131 
    background-color: rgba(0, 0, 0, 0.08);
132 
    opacity: initial;
133 
}
134 
 
135 
.sidebar__options {
136 
    display: none;
137 
}
138 
 
139 
.sidebar__options.show {
140 
    display: block;
141 
}
142 
 
143 
.sideabar__footer {
144 
    display: grid;
145 
    place-items: center;
146 
}
147 
 
148 
.sideabar__footer > button {
149 
    border: none;
150 
    background-color: #0000;
151 
    width: 100%;
152 
    margin-top: 10px;
153 
    color: gray;
154 
}
155 
 
156 
.sideabar__footer > button:hover {
157 
    background-color: rgba(0, 0, 0, 0.08);
158 
}
159 
 
4314 stevensc 160 
.helper__list {
161 
    display: flex;
162 
    flex-direction: column;
4316 stevensc 163 
    transition: all 0.2s ease-in-out;
4319 stevensc 164 
    overflow: hidden;
4316 stevensc 165 
    &.hide {
4317 stevensc 166 
        height: 0;
4316 stevensc 167 
    }
168 
    &.show {
4317 stevensc 169 
        height: auto;
4316 stevensc 170 
    }
4315 stevensc 171 
    .helper__list-item {
172 
        padding: 0 10px;
173 
        display: flex;
174 
        align-items: center;
175 
        gap: 0.5rem;
176 
        &:hover {
177 
            background-color: rgba(0, 0, 0, 0.08);
178 
        }
179 
        & > span {
180 
            font-size: 0.9rem;
181 
            font-weight: 600;
182 
            color: gray;
4320 stevensc 183 
            text-align: left;
4315 stevensc 184 
        }
185 
    }
4314 stevensc 186 
}
187 
 
4299 stevensc 188 
@media (min-width: 576px) {
189 
    .sidebar__top {
190 
        border-radius: 10px;
191 
        border-bottom-right-radius: 0;
192 
        border-bottom-left-radius: 0;
193 
    }
194 
 
195 
    .sidebar__bottom {
196 
        border-radius: 10px;
197 
    }
198 
 
4305 stevensc 199 
    .sidebar__stats:nth-last-child(1) {
4299 stevensc 200 
        border-radius: 10px;
201 
        border-top-right-radius: 0;
202 
        border-top-left-radius: 0;
203 
    }
204 
}
205 
 
206 
@media (min-width: 768px) {
207 
    .sideabar__footer {
208 
        display: none;
209 
    }
210 
 
211 
    .sidebar__options {
212 
        display: block;
213 
    }
214 
}