Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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