Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 4305 | Rev 4308 | 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;
4301 stevensc 16 
    gap: 0.5rem;
4299 stevensc 17 
    padding-bottom: 10px;
18 
    overflow: hidden;
4301 stevensc 19 
    h1 {
20 
        font-size: 0.9rem;
21 
    }
4299 stevensc 22 
    &.sidebar__cover {
23 
        width: 100%;
24 
        height: 60px;
25 
        object-fit: cover;
26 
        margin-bottom: -20px;
27 
    }
28 
}
29 
 
30 
.sidebar__bottom {
31 
    margin-top: 10px;
32 
    padding: 10px;
33 
    display: flex;
34 
    flex-direction: column;
35 
    align-items: center;
36 
    border: 1px solid lightgray;
37 
    background-color: #fff;
38 
    overflow: hidden;
39 
}
40 
 
41 
.sidebar__stats {
42 
    padding-top: 10px;
43 
    padding-bottom: 10px;
44 
    border: 1px solid lightgray;
45 
    border-top: 0;
46 
}
47 
 
48 
.sidebar__stat {
4305 stevensc 49 
    padding: 10px;
4299 stevensc 50 
    display: flex;
51 
    justify-content: space-between;
52 
    cursor: pointer;
53 
    &:hover {
54 
        background-color: rgba(0, 0, 0, 0.08);
55 
    }
56 
    & > p {
57 
        font-size: 0.8rem;
58 
        font-weight: 600;
59 
        color: gray;
60 
    }
61 
}
62 
 
63 
.sidebar__stat-number {
64 
    font-weight: bold !important;
65 
    color: #0a66c2 !important;
66 
}
67 
 
68 
.sidebar__recent-item__container {
69 
    display: flex;
70 
    flex-direction: column;
71 
    width: 100%;
72 
}
73 
 
74 
.sidebar__recent-item {
75 
    cursor: pointer;
76 
    display: flex;
77 
    align-items: center;
78 
    justify-content: space-between;
79 
    width: 100%;
80 
}
81 
 
82 
.sidebar__recent-item > p {
83 
    font-size: 0.8rem;
84 
    font-weight: 600;
85 
    color: gray;
86 
}
87 
 
88 
.sidebar__recent-actions {
89 
    align-items: center;
90 
    display: flex;
91 
    gap: 10px;
92 
}
93 
 
94 
.sidebar__recent-icon {
95 
    background-color: #0000;
96 
    border: none;
97 
    border-radius: 50%;
98 
    height: 2rem;
99 
    width: 2rem;
100 
    display: grid;
101 
    place-items: center;
102 
    padding: 0;
103 
    cursor: pointer;
104 
    opacity: 0;
105 
    transition: all 0.2s;
106 
}
107 
 
108 
.sidebar__recent-item:hover .sidebar__recent-icon {
109 
    background-color: rgba(0, 0, 0, 0.08);
110 
    opacity: initial;
111 
}
112 
 
113 
.sidebar__options {
114 
    display: none;
115 
}
116 
 
117 
.sidebar__options.show {
118 
    display: block;
119 
}
120 
 
121 
.sideabar__footer {
122 
    display: grid;
123 
    place-items: center;
124 
}
125 
 
126 
.sideabar__footer > button {
127 
    border: none;
128 
    background-color: #0000;
129 
    width: 100%;
130 
    margin-top: 10px;
131 
    color: gray;
132 
}
133 
 
134 
.sideabar__footer > button:hover {
135 
    background-color: rgba(0, 0, 0, 0.08);
136 
}
137 
 
138 
@media (min-width: 576px) {
139 
    .sidebar__top {
140 
        border-radius: 10px;
141 
        border-bottom-right-radius: 0;
142 
        border-bottom-left-radius: 0;
143 
    }
144 
 
145 
    .sidebar__bottom {
146 
        border-radius: 10px;
147 
    }
148 
 
4305 stevensc 149 
    .sidebar__stats:nth-last-child(1) {
4299 stevensc 150 
        border-radius: 10px;
151 
        border-top-right-radius: 0;
152 
        border-top-left-radius: 0;
153 
    }
154 
}
155 
 
156 
@media (min-width: 768px) {
157 
    .sideabar__footer {
158 
        display: none;
159 
    }
160 
 
161 
    .sidebar__options {
162 
        display: block;
163 
    }
164 
}