Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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