Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 7139 | | Comparar con el anterior | Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
6830 stevensc 1 
.comment-container {
2 
  display: flex;
3 
  gap: 0.5rem;
4 
  align-items: flex-start;
5 
 
6 
  .user-image {
7 
    width: 50px;
8 
    object-fit: contain;
9 
    border-radius: 50%;
10 
    background: $white;
11 
  }
12 
 
13 
  .comment-content {
14 
    background-color: $chat-send;
15 
    border-radius: $border-radius;
16 
    display: flex;
17 
    flex-direction: column;
18 
    gap: 0.5rem;
19 
    padding: 0.5rem;
7139 stevensc 20 
    flex-grow: 1;
6830 stevensc 21 
 
22 
    .info {
23 
      display: flex;
24 
      align-items: center;
25 
      justify-content: space-between;
26 
 
27 
      h3 {
28 
        display: inline;
29 
        font-weight: bold;
30 
      }
31 
 
32 
      span {
33 
        display: inline-flex;
34 
        align-items: center;
35 
        gap: 0.5rem;
36 
        position: relative;
37 
      }
38 
    }
39 
 
40 
    p {
41 
      width: 100%;
42 
      overflow: hidden;
43 
      text-overflow: ellipsis;
44 
    }
45 
  }
46 
}
47 
 
48 
.comments-container {
49 
  display: flex;
50 
  flex-direction: column;
51 
  gap: 0.5rem;
52 
  overflow: hidden;
53 
  transition: all 0.3s;
54 
 
55 
  &.show {
56 
    height: fit-content;
57 
  }
58 
 
59 
  &.hidden {
60 
    height: 0;
61 
  }
62 
}
63 
 
64 
.comment-list {
65 
  display: flex;
66 
  flex-direction: column;
7139 stevensc 67 
  padding-right: .5rem;
7140 stevensc 68 
  gap: .5rem;
6830 stevensc 69 
  max-height: 300px;
70 
  overflow-y: auto;
71 
}