Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

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

            67