Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev Autor Línea Nro. Línea
5449 stevensc 1 
@use "../../settings/mixins.scss";
2 
 
3 
.feed {
4 
  @include mixins.widget;
3503 stevensc 5 
  display: flex;
6 
  flex-direction: column;
3953 stevensc 7 
  gap: 1rem;
5449 stevensc 8 
  padding: 1rem;
3503 stevensc 9 
}
10 
 
5667 stevensc 11 
.reaction-btn {
12 
  position: relative;
13 
 
14 
  .reactions-list {
15 
    position: absolute;
16 
    bottom: 100%;
17 
    background-color: $bg-color;
18 
    box-shadow: 0px 0px 3px #000;
19 
    display: none;
20 
    gap: .5rem;
21 
    padding: .5rem;
5670 stevensc 22 
    width: fit-content;
23 
    border-radius: $border-radius;
5667 stevensc 24 
  }
25 
 
26 
  &:hover .reactions-list {
27 
    display: flex;
28 
  }
29 
}
30 
 
3503 stevensc 31 
.feedCommentContainer {
32 
  display: flex;
33 
  justify-content: flex-start;
34 
  align-items: center;
35 
  gap: 10px;
5449 stevensc 36 
 
37 
  &>img {
3503 stevensc 38 
    border-radius: 100px;
39 
    width: 43px;
40 
    height: 43px;
41 
    object-fit: cover;
3517 stevensc 42 
    background: #fff;
3503 stevensc 43 
  }
5449 stevensc 44 
 
3503 stevensc 45 
  .commentInput {
46 
    margin: 0;
47 
    flex: 1;
48 
    padding: 0.5rem 0;
49 
    border: none;
50 
    font-size: 1rem;
3509 stevensc 51 
    background-color: $bg-color;
3503 stevensc 52 
  }
5449 stevensc 53 
 
3503 stevensc 54 
  .submitButton {
55 
    height: 2.5rem;
56 
    margin: 0;
57 
    width: auto;
58 
    margin-top: 0.5rem;
59 
    background-color: $button-bg;
60 
    border: none;
61 
    padding: 0.5rem 1rem;
62 
    color: $bg-color;
63 
    border-radius: var(--global-border-radius);
64 
    border: 1px solid $button-bg;
65 
    font-size: 1rem;
66 
    transition: 0.2s;
5449 stevensc 67 
 
3503 stevensc 68 
    &:hover {
69 
      background-color: $button-bg-hover;
70 
    }
71 
  }
5449 stevensc 72 
}