Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 4100 | Rev 4105 | 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;
3950 stevensc 5 
  .user-image {
6 
    width: 50px;
7 
    object-fit: contain;
8 
    border-radius: 50%;
9 
    background: $white;
3503 stevensc 10 
  }
3950 stevensc 11 
  .comment-content {
12 
    background-color: $bg-color-secondary;
13 
    border-radius: $border-radius;
14 
    border-top-left-radius: 0;
15 
    display: flex;
16 
    flex-direction: column;
17 
    gap: 0.5rem;
18 
    width: 100%;
3952 stevensc 19 
    padding: 0.5rem;
4100 stevensc 20 
    .info {
21 
      display: flex;
22 
      align-items: center;
23 
      justify-content: space-between;
24 
      h3 {
25 
        display: inline;
26 
        font-weight: bold;
27 
      }
4103 stevensc 28 
      span {
29 
        display: inline-flex;
30 
        align-items: center;
31 
        gap: 0.5rem;
32 
      }
4100 stevensc 33 
    }
3950 stevensc 34 
  }
3503 stevensc 35 
}
3952 stevensc 36 
 
3962 stevensc 37 
.comments-container {
38 
  display: flex;
39 
  flex-direction: column;
40 
  gap: 0.5rem;
3965 stevensc 41 
  overflow: hidden;
4100 stevensc 42 
  transition: all 0.3s;
3962 stevensc 43 
  &.show {
44 
    height: fit-content;
45 
  }
46 
  &.hidden {
47 
    height: 0;
48 
  }
49 
}
50 
 
3952 stevensc 51 
.comment-list {
3953 stevensc 52 
  display: flex;
53 
  flex-direction: column;
54 
  gap: 1rem;
3952 stevensc 55 
  max-height: 300px;
56 
  overflow-y: auto;
57 
}