Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

| Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
5401 stevensc 1 
@use "./mixins.scss";
2 
 
5407 stevensc 3 
.suggests_widget {
5401 stevensc 4 
    @include mixins.widget;
5 
    display: block;
5403 stevensc 6 
 
5407 stevensc 7 
    &-header {
5403 stevensc 8 
        align-items: center;
9 
        display: flex;
10 
        justify-content: space-between;
5404 stevensc 11 
        padding: 1rem;
5403 stevensc 12 
        position: relative;
13 
 
14 
        h3 {
15 
            color: $title-color;
16 
            font-weight: 600;
17 
            font-size: 1.1rem;
18 
        }
19 
 
20 
        span {
21 
            color: $subtitle-color;
22 
            font-weight: 600;
23 
            font-size: 1rem;
5404 stevensc 24 
            cursor: pointer;
5403 stevensc 25 
        }
26 
    }
5404 stevensc 27 
 
5406 stevensc 28 
    &>.suggest-list {
5404 stevensc 29 
        max-height: 400px;
30 
        overflow: auto;
31 
        width: 100%;
32 
        display: flex;
5405 stevensc 33 
        flex-direction: row;
5404 stevensc 34 
 
5405 stevensc 35 
        &::-webkit-scrollbar-thumb {
36 
            visibility: hidden;
37 
        }
38 
 
5410 stevensc 39 
        @include mixins.for-size(tablet-landscape) {
5405 stevensc 40 
            flex-direction: column;
5404 stevensc 41 
 
42 
            &::-webkit-scrollbar-thumb {
5405 stevensc 43 
                visibility: visible;
5404 stevensc 44 
            }
45 
        }
46 
    }
5406 stevensc 47 
}
48 
 
49 
.user {
50 
    align-items: center;
51 
    border-right: 1px solid $border-primary;
52 
    display: flex;
53 
    padding: 1rem;
54 
    gap: 0.5rem;
55 
 
56 
    img {
57 
        border-radius: 50%;
58 
        max-width: 3.3rem;
59 
        background: #fff;
60 
    }
61 
 
62 
    div.d-flex {
63 
        gap: 0.5rem;
64 
    }
65 
 
66 
    a.btn,
67 
    button.btn {
68 
        padding: 0.2rem 0.6rem;
69 
        white-space: nowrap;
70 
    }
71 
 
72 
    h4 {
73 
        font-weight: 500;
74 
        line-height: 1.4;
75 
    }
76 
 
77 
    @include mixins.for-size(phone) {
78 
        &:last-child {
79 
            border-right: none;
80 
        }
81 
    }
82 
 
83 
    @include mixins.for-size(tablet-portrait) {
84 
        border-right: none;
85 
        border-top: 1px solid $border-primary;
86 
        min-width: auto;
87 
    }
5401 stevensc 88 
}