Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 4732 Rev 5368
Línea 6... Línea 6...
6 
    display: flex;
 6 
    display: flex;
7 
    flex-direction: column;
 7 
    flex-direction: column;
8 
    gap: 1rem;
 8 
    gap: 1rem;
9 
    border: 1px solid lightgray;
 9 
    border: 1px solid lightgray;
10 
    height: fit-content;
 10 
    height: fit-content;
- 
 
 11 
 
11 
    & > a {
 12 
    &>a {
12 
        font-size: 1rem;
 13 
        font-size: 1rem;
13 
        color: gray;
 14 
        color: gray;
- 
 
 15 
 
14 
        svg {
 16 
        svg {
15 
            font-size: 1.3rem;
 17 
            font-size: 1.3rem;
16 
        }
 18 
        }
17 
    }
 19 
    }
- 
 
 20 
 
18 
    img {
 21 
    img {
19 
        width: 60px;
 22 
        width: 60px;
20 
        height: 60px;
 23 
        height: 60px;
21 
        border-radius: 50%;
 24 
        border-radius: 50%;
22 
    }
 25 
    }
- 
 
 26 
 
23 
    p {
 27 
    p {
24 
        padding: 0 1rem;
 28 
        padding: 0 1rem;
25 
    }
 29 
    }
- 
 
 30 
 
26 
    .linked__widget-header {
 31 
    .linked__widget-header {
27 
        display: flex;
 32 
        display: flex;
28 
        align-items: center;
 33 
        align-items: center;
29 
        justify-content: space-between;
 34 
        justify-content: space-between;
- 
 
 35 
 
30 
        h3 {
 36 
        h3 {
31 
            font-weight: 600;
 37 
            font-weight: 600;
32 
        }
 38 
        }
33 
    }
 39 
    }
- 
 
 40 
 
34 
    .linked__widget-list {
 41 
    .linked__widget-list {
35 
        display: flex;
 42 
        display: flex;
36 
        flex-direction: column;
 43 
        flex-direction: column;
37 
        gap: 0.5rem;
 44 
        gap: 0.5rem;
38 
    }
 45 
    }
- 
 
 46 
 
39 
    .linked__widget-content {
 47 
    .linked__widget-content {
40 
        display: flex;
 48 
        display: flex;
41 
        align-items: center;
 49 
        align-items: center;
42 
        gap: 0.5rem;
 50 
        gap: 0.5rem;
- 
 
 51 
 
43 
        .linked__widget-info {
 52 
        .linked__widget-info {
44 
            display: flex;
 53 
            display: flex;
45 
            flex-direction: column;
 54 
            flex-direction: column;
46 
            gap: 5px;
 55 
            gap: 5px;
47 
            align-items: flex-start;
 56 
            align-items: flex-start;
- 
 
 57 
 
48 
            h4 {
 58 
            h4 {
49 
                font-weight: 600;
 59 
                font-weight: 600;
50 
            }
 60 
            }
- 
 
 61 
 
51 
            p {
 62 
            p {
52 
                color: gray;
 63 
                color: gray;
53 
            }
 64 
            }
- 
 
 65 
 
54 
            .btn {
 66 
            .btn {
55 
                border-radius: 30px;
 67 
                border-radius: 30px;
56 
                font-weight: 600;
 68 
                font-weight: 600;
57 
                background: transparent !important;
 69 
                background: transparent !important;
58 
                border: 2px solid lightgray !important;
 70 
                border: 2px solid lightgray !important;
59 
                border-radius: 30px;
 71 
                border-radius: 30px;
60 
                color: gray !important;
 72 
                color: gray !important;
- 
 
 73 
 
61 
                &:hover {
 74 
                &:hover {
62 
                    background: lightgray !important;
 75 
                    background: lightgray !important;
63 
                    color: #fff !important;
 76 
                    color: #fff !important;
64 
                }
 77 
                }
65 
            }
 78 
            }
66 
        }
 79 
        }
67 
    }
 80 
    }
68 
}
 81 
}
- 
 
 82 
 
69 
.suggest__widget {
 83 
.suggest__widget {
70 
    padding: 0;
 84 
    padding: 0;
- 
 
 85 
 
71 
    .linked__widget-list {
 86 
    .linked__widget-list {
72 
        padding: 0 1rem;
 87 
        padding: 0 1rem;
73 
    }
 88 
    }
- 
 
 89 
 
74 
    .linked__widget-header {
 90 
    .linked__widget-header {
75 
        padding: 1rem 1rem 0;
 91 
        padding: 1rem 1rem 0;
76 
    }
 92 
    }
- 
 
 93 
 
77 
    .load__suggest {
 94 
    .load__suggest {
78 
        width: 100%;
 95 
        width: 100%;
79 
        display: flex;
 96 
        display: flex;
80 
        align-items: center;
 97 
        align-items: center;
81 
        justify-content: center;
 98 
        justify-content: center;
82 
        padding: 0.5rem 0;
 99 
        padding: 0.5rem 0;
83 
        color: rgba(0, 0, 0, 0.6);
 100 
        color: rgba(0, 0, 0, 0.6);
84 
        cursor: pointer;
 101 
        cursor: pointer;
- 
 
 102 
 
85 
        &:hover {
 103 
        &:hover {
86 
            background-color: rgba(0, 0, 0, 0.08);
 104 
            background-color: rgba(0, 0, 0, 0.08);
87 
        }
 105 
        }
88 
    }
 106 
    }
89 
}
 107 
}
Línea 91... Línea 109...
91 
.description__label {
 109 
.description__label {
92 
    label {
 110 
    label {
93 
        font-size: 1rem;
 111 
        font-size: 1rem;
94 
        font-weight: 600;
 112 
        font-weight: 600;
95 
    }
 113 
    }
- 
 
 114 
 
96 
    p {
 115 
    p {
97 
        font-size: 0.9rem;
 116 
        font-size: 0.9rem;
98 
    }
 117 
    }
- 
 
 118 
 
99 
    margin-bottom: 1rem;
 119 
    margin-bottom: 1rem;
100 
}
 120 
}
Línea 101... Línea 121...
101 
 
 121 
 
102 
.button {
 122 
.button {
Línea 118... Línea 138...
118 
}
 138 
}
Línea 119... Línea 139...
119 
 
 139 
 
120 
.btn-primary {
 140 
.btn-primary {
121 
    color: #fff;
 141 
    color: #fff;
- 
 
 142 
    background-color: #0a66c2;
122 
    background-color: #0a66c2;
 143 
 
123 
    &:hover {
 144 
    &:hover {
124 
        background-color: #004182;
 145 
        background-color: #004182;
125 
    }
 146 
    }
Línea 126... Línea 147...
126 
}
 147 
}
127 
 
 148 
 
128 
.btn-secondary {
 149 
.btn-secondary {
129 
    background-color: #0000;
 150 
    background-color: #0000;
- 
 
 151 
    color: #0a66c2 !important;
130 
    color: #0a66c2 !important;
 152 
    box-shadow: inset 0 0 0 1px #0a66c2;
131 
    box-shadow: inset 0 0 0 1px #0a66c2;
 153 
 
132 
    &:hover {
 154 
    &:hover {
133 
        background-color: rgba($color: #0a66c2, $alpha: 0.18);
 155 
        background-color: rgba($color: #0a66c2, $alpha: 0.18);
Línea 147... Línea 169...
147 
.group__actions {
 169 
.group__actions {
148 
    background-color: #fff;
 170 
    background-color: #fff;
149 
    border: 1px solid lightgray;
 171 
    border: 1px solid lightgray;
150 
    border-radius: 10px;
 172 
    border-radius: 10px;
151 
    overflow: hidden;
 173 
    overflow: hidden;
- 
 
 174 
 
152 
    .group__actions-cover {
 175 
    .group__actions-cover {
153 
        height: 150px;
 176 
        height: 150px;
154 
        width: 100%;
 177 
        width: 100%;
- 
 
 178 
 
155 
        img {
 179 
        img {
156 
            height: 100%;
 180 
            height: 100%;
157 
            width: 100%;
 181 
            width: 100%;
158 
            object-fit: cover;
 182 
            object-fit: cover;
159 
        }
 183 
        }
160 
    }
 184 
    }
- 
 
 185 
 
161 
    .group__actions-body {
 186 
    .group__actions-body {
162 
        & > img {
 187 
        &>img {
163 
            margin-top: -44px;
 188 
            margin-top: -44px;
164 
            width: 88px;
 189 
            width: 88px;
165 
            height: 88px;
 190 
            height: 88px;
166 
            border: 2px solid #fff;
 191 
            border: 2px solid #fff;
167 
        }
 192 
        }
- 
 
 193 
 
168 
        display: flex;
 194 
        display: flex;
169 
        flex-direction: column;
 195 
        flex-direction: column;
170 
        gap: 0.5rem;
 196 
        gap: 0.5rem;
171 
        padding: 0 1rem 1rem;
 197 
        padding: 1rem;
172 
    }
 198 
    }
173 
}
 199 
}
174 

            200