Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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