Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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