Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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