Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

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

            184