Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 4980 | Rev 5286 | Ir a la última revisión | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 4980 Rev 5285
Línea 8... Línea 8...
8 
}
 8 
}
Línea 9... Línea 9...
9 
 
 9 
 
10 
.sidebar__top {
 10 
.sidebar__top {
11 
    align-items: center;
 11 
    align-items: center;
12 
    background-color: #fff;
 12 
    background-color: #fff;
- 
 
 13 
    box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, .08);
13 
    box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.08);
 14 
    gap: 0.5rem;
14 
    display: flex;
 15 
    display: flex;
- 
 
 16 
    flex-direction: column;
15 
    flex-direction: column;
 17 
    padding-top: 10px;
16 
    overflow: hidden;
 - 
 
17 
    * {
 - 
 
18 
        margin-bottom: 0.5rem;
 18 
    overflow: hidden;
19 
    }
 19 
 
20 
    h1,
 20 
    h1,
21 
    p,
 - 
 
22 
    span {
 21 
    p {
23 
        font-size: 0.9rem;
 22 
        font-size: 0.9rem;
24 
        padding: 0 1rem;
 23 
        padding: 0 1rem;
25 
    }
 - 
 
26 
    span {
 - 
 
27 
        color: rgba(0, 0, 0, 0.6);
 24 
    }
28 
    }
 25 
 
29 
    .sidebar__cover {
 26 
    .sidebar__cover {
30 
        width: 100%;
 27 
        width: 100%;
31 
        height: 60px;
 28 
        height: 60px;
32 
        object-fit: cover;
 29 
        object-fit: cover;
33 
        margin-bottom: -20px;
 30 
        margin-bottom: -20px;
34 
    }
 31 
    }
Línea 35... Línea 32...
35 
}
 32 
}
36 
 
 - 
 
37 
.sidebar__bottom {
 - 
 
38 
    margin-top: 10px;
 - 
 
39 
    display: flex;
 33 
 
40 
    flex-direction: column;
 - 
 
41 
    align-items: center;
 34 
.sidebar__bottom {
- 
 
 35 
    align-items: center;
- 
 
 36 
    background-color: #fff;
- 
 
 37 
    box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, .08);
42 
    border: 1px solid lightgray;
 38 
    display: flex;
43 
    background-color: #fff;
 39 
    flex-direction: column;
44 
    overflow: hidden;
 40 
    overflow: hidden;
Línea 45... Línea 41...
45 
    padding: 10px 0;
 41 
    padding: 10px 0;
46 
}
 42 
}
47 
 
 43 
 
48 
.sidebar-apps__widget {
 44 
.sidebar-apps__widget {
49 
    background-color: #fff;
 45 
    background-color: #fff;
- 
 
 46 
    padding: 1rem;
50 
    padding: 1rem;
 47 
    margin-top: 0.5rem;
51 
    margin-top: 0.5rem;
 48 
    gap: 0.5rem;
52 
    gap: 0.5rem;
 49 
 
53 
    @media (min-width: 768px) {
 50 
    @media (min-width: 768px) {
54 
        box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.08);
 51 
        box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.08);
Línea 60... Línea 57...
60 
    background-color: #fff;
 57 
    background-color: #fff;
61 
    padding-top: 10px;
 58 
    padding-top: 10px;
62 
    padding-bottom: 10px;
 59 
    padding-bottom: 10px;
63 
    border: 1px solid lightgray;
 60 
    border: 1px solid lightgray;
64 
    border-top: 0;
 61 
    border-top: 0;
- 
 
 62 
 
65 
    &:nth-last-child(2) {
 63 
    &:nth-last-child(2) {
66 
        border-radius: 10px;
 64 
        border-radius: 10px;
67 
        border-top-left-radius: 0;
 65 
        border-top-left-radius: 0;
68 
        border-top-right-radius: 0;
 66 
        border-top-right-radius: 0;
69 
    }
 67 
    }
Línea 72... Línea 70...
72 
.sidebar__stat {
 70 
.sidebar__stat {
73 
    padding: 10px;
 71 
    padding: 10px;
74 
    display: flex;
 72 
    display: flex;
75 
    justify-content: space-between;
 73 
    justify-content: space-between;
76 
    cursor: pointer;
 74 
    cursor: pointer;
- 
 
 75 
 
77 
    &:hover {
 76 
    &:hover {
78 
        background-color: rgba(0, 0, 0, 0.08);
 77 
        background-color: rgba(0, 0, 0, 0.08);
79 
    }
 78 
    }
- 
 
 79 
 
80 
    & > span {
 80 
    &>span {
81 
        font-size: 0.9rem;
 81 
        font-size: 0.9rem;
82 
        font-weight: 600;
 82 
        font-weight: 600;
83 
        color: gray;
 83 
        color: gray;
84 
    }
 84 
    }
85 
}
 85 
}
Línea 102... Línea 102...
102 
    justify-content: space-between;
 102 
    justify-content: space-between;
103 
    width: 100%;
 103 
    width: 100%;
104 
    padding: 0 10px;
 104 
    padding: 0 10px;
105 
}
 105 
}
Línea 106... Línea 106...
106 
 
 106 
 
107 
.sidebar__recent-item > p {
 107 
.sidebar__recent-item>p {
108 
    font-size: 0.9rem;
 108 
    font-size: 0.9rem;
109 
    font-weight: 600;
 109 
    font-weight: 600;
110 
    color: gray;
 110 
    color: gray;
Línea 111... Línea -...
111 
}
 - 
 
112 
 
 - 
 
113 
.sidebar__recent-actions {
 - 
 
114 
    align-items: center;
 - 
 
115 
    display: flex;
 - 
 
116 
    gap: 10px;
 - 
 
117 
}
 111 
}
118 
 
 112 
 
119 
.sidebar__recent-icon {
 113 
.sidebar__recent-icon {
120 
    background-color: #0000;
 114 
    background-color: #0000;
121 
    border: none;
 115 
    border: none;
Línea 144... Línea 138...
144 
.sideabar__footer {
 138 
.sideabar__footer {
145 
    display: grid;
 139 
    display: grid;
146 
    place-items: center;
 140 
    place-items: center;
147 
}
 141 
}
Línea 148... Línea 142...
148 
 
 142 
 
149 
.sideabar__footer > button {
 143 
.sideabar__footer>button {
150 
    border: none;
 144 
    border: none;
151 
    background-color: #0000;
 145 
    background-color: #0000;
152 
    width: 100%;
 146 
    width: 100%;
153 
    margin-top: 10px;
 147 
    margin-top: 10px;
154 
    color: gray;
 148 
    color: gray;
Línea 155... Línea 149...
155 
}
 149 
}
156 
 
 150 
 
157 
.sideabar__footer > button:hover {
 151 
.sideabar__footer>button:hover {
Línea 158... Línea 152...
158 
    background-color: rgba(0, 0, 0, 0.08);
 152 
    background-color: rgba(0, 0, 0, 0.08);
159 
}
 153 
}
160 
 
 154 
 
161 
.helper__list {
 155 
.helper__list {
162 
    display: flex;
 156 
    display: flex;
163 
    flex-direction: column;
 157 
    flex-direction: column;
- 
 
 158 
    transition: all 0.2s ease-in-out;
164 
    transition: all 0.2s ease-in-out;
 159 
    overflow: hidden;
165 
    overflow: hidden;
 160 
    gap: 0.5rem;
166 
    gap: 0.5rem;
 161 
 
- 
 
 162 
    &.hide {
167 
    &.hide {
 163 
        height: 0;
168 
        height: 0;
 164 
    }
169 
    }
 165 
 
- 
 
 166 
    &.show {
170 
    &.show {
 167 
        height: auto;
171 
        height: auto;
 168 
    }
172 
    }
 169 
 
173 
    .helper__list-item {
 170 
    .helper__list-item {
174 
        padding: 5px 10px;
 171 
        padding: 5px 10px;
- 
 
 172 
        display: flex;
175 
        display: flex;
 173 
        align-items: center;
176 
        align-items: center;
 174 
        gap: 0.5rem;
177 
        gap: 0.5rem;
 175 
 
- 
 
 176 
        &:hover {
178 
        &:hover {
 177 
            background-color: rgba(0, 0, 0, 0.08);
179 
            background-color: rgba(0, 0, 0, 0.08);
 178 
        }
180 
        }
 179 
 
181 
        & > span {
 180 
        &>span {
182 
            font-size: 0.9rem;
 181 
            font-size: 0.9rem;
183 
            font-weight: 600;
 182 
            font-weight: 600;
Línea 211... Línea 210...
211 
    }
 210 
    }
Línea 212... Línea 211...
212 
 
 211 
 
213 
    .sidebar__options {
 212 
    .sidebar__options {
214 
        display: block;
 213 
        display: block;
215 
    }
 214 
    }
216 
}
 215 
}