Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 5670 Rev 5734
Línea 9... Línea 9...
9 
}
 9 
}
Línea 10... Línea 10...
10 
 
 10 
 
11 
.reaction-btn {
 11 
.reaction-btn {
Línea 12... Línea 12...
12 
  position: relative;
 12 
  position: relative;
13 
 
 13 
 
14 
  .reactions-list {
 14 
  .reactions {
15 
    position: absolute;
 15 
    position: flex;
16 
    bottom: 100%;
 16 
    bottom: 100%;
17 
    background-color: $bg-color;
 17 
    background-color: $bg-color;
18 
    box-shadow: 0px 0px 3px #000;
 18 
    box-shadow: 0px 0px 3px #000;
19 
    display: none;
 19 
    display: none;
20 
    gap: .5rem;
 20 
    gap: .5rem;
21 
    padding: .5rem;
 21 
    padding: .2rem;
- 
 
 22 
    width: fit-content;
- 
 
 23 
    border-radius: 20px;
- 
 
 24 
    transform: scaleY(0);
- 
 
 25 
 
- 
 
 26 
    .active {
- 
 
 27 
      transform-origin: bottom;
22 
    width: fit-content;
 28 
      animation: animationIn .2s;
- 
 
 29 
    }
Línea 23... Línea 30...
23 
    border-radius: $border-radius;
 30 
  }
- 
 
 31 
}
24 
  }
 32 
 
25 
 
 33 
@keyframes animationIn {
26 
  &:hover .reactions-list {
 34 
  to {
Línea 27... Línea 35...
27 
    display: flex;
 35 
    transform: scaleY(1);
28 
  }
 36 
  }