Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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