Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 4893 | Rev 6260 | Ir a la última revisión | | Comparar con el anterior | Ultima modificación | Ver Log |

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