Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 4917 Rev 5455
Línea 1... Línea 1...
1 
@use "../../settings/breakpoints.scss";
 1 
@use "../../settings/mixins.scss";
Línea 2... Línea 2...
2 
 
 2 
 
3 
.userImgContainer {
 - 
 
4 
  display: flex;
 3 
.userImgContainer {
5 
  align-items: center;
 - 
 
6 
  position: relative;
 - 
 
7 
  gap: 1rem;
 4 
  align-items: center;
8 
  cursor: pointer;
 5 
  cursor: pointer;
9 
  display: none;
 6 
  display: flex;
10 
  order: 4;
 - 
 
11 
  .d-flex,
 7 
  gap: 0.5rem;
12 
  .d-inline-flex {
 8 
  position: relative;
13 
    gap: 5px;
 9 
  order: 2;
14 
  }
 10 
 
15 
  h3 {
 11 
  h3 {
16 
    font-weight: bold;
 12 
    font-weight: bold;
17 
  }
 - 
 
Línea 18... Línea 13...
18 
}
 13 
  }
19 
 
 14 
 
20 
.userImg {
 15 
  img {
21 
  width: 45px;
 16 
    width: 65px;
- 
 
 17 
    height: 65px;
- 
 
 18 
    border-radius: 50%;
- 
 
 19 
    object-fit: contain;
- 
 
 20 
  }
22 
  object-fit: contain;
 21 
 
- 
 
 22 
  @include mixins.for-size(desktop) {
23 
  border-radius: 50%;
 23 
    order: 4;
Línea 24... Línea 24...
24 
  background-color: #fff;
 24 
  }
25 
}
 - 
 
26 
 
 - 
 
27 
.userDropdown {
 - 
 
28 
  position: absolute;
 25 
}
29 
  top: 100%;
 - 
 
30 
  right: 0;
 26 
 
31 
  background-color: $bg-color;
 27 
.userDropdown {
32 
  width: 220px;
 28 
  background-color: $bg-color;
- 
 
 29 
  box-shadow: $light-shadow;
33 
  box-shadow: $light-shadow;
 30 
  border: 1px solid $border-primary;
34 
  border: 1px solid $border-primary;
 31 
  padding: 1rem;
35 
  overflow: hidden;
 32 
  position: absolute;
36 
  z-index: 1000;
 33 
  right: 0;
37 
  @media (max-width: 767px) {
 34 
  top: calc(100% + 0.5rem);
38 
    right: 0;
 35 
  z-index: 200;
39 
  }
 36 
 
40 
  ul {
 - 
 
41 
    display: flex;
 37 
  ul {
42 
    flex-direction: column;
 - 
 
43 
    justify-content: center;
 - 
 
44 
    padding: 1.5rem;
 38 
    display: flex;
45 
    li:not(:first-child) {
 39 
    flex-direction: column;
46 
      margin-top: 1rem;
 40 
    gap: 0.5rem;
47 
    }
 - 
 
- 
 
 41 
 
48 
    a {
 42 
    a {
49 
      color: $font-color;
 43 
      color: $font-color;
50 
      font-size: 1rem;
 - 
 
51 
      &:hover {
 44 
 
52 
        color: $font-color;
 45 
      &:hover {
53 
        font-weight: bold;
 46 
        text-shadow: 0 0 0 $font-color;
54 
      }
 - 
 
55 
    }
 47 
      }
- 
 
 48 
 
56 
    .logOutContainer {
 49 
      &:is(:last-child) {
57 
      &__a {
 50 
        font-weight: 600;
58 
        font-weight: 600;
 51 
 
59 
        &:hover {
 52 
        &:hover {
60 
          color: $danger;
 53 
          color: $danger;
Línea 68... Línea 61...
68 
  transform-origin: top;
 61 
  transform-origin: top;
69 
  animation: fadeIn 0.3s;
 62 
  animation: fadeIn 0.3s;
70 
}
 63 
}
Línea 71... Línea 64...
71 
 
 64 
 
72 
.fadeOut {
 65 
.fadeOut {
73 
  transform-origin: top;
 66 
  transform-origin: bottom;
74 
  animation: fadeOut 0.3s;
 67 
  animation: fadeOut 0.3s;
Línea 75... Línea 68...
75 
}
 68 
}
76 
 
 69 
 
77 
@keyframes fadeIn {
 70 
@keyframes fadeIn {
78 
  0% {
 71 
  0% {
- 
 
 72 
    transform: scaleY(0);
79 
    transform: scaleY(0);
 73 
  }
80 
  }
 74 
 
81 
  100% {
 75 
  100% {
82 
    transform: scaleY(1);
 76 
    transform: scaleY(1);
- 
 
 77 
  }
83 
  }
 78 
}
84 
}
 79 
 
85 
@keyframes fadeOut {
 80 
@keyframes fadeOut {
86 
  0% {
 81 
  0% {
- 
 
 82 
    transform: scaleY(1);
87 
    transform: scaleY(1);
 83 
  }
88 
  }
 84 
 
89 
  100% {
 85 
  100% {
90 
    transform: scaleY(0);
 86 
    transform: scaleY(0);
91 
  }
 - 
 
92 
}
 - 
 
93 
 
 - 
 
94 
@include breakpoints.maxwidth("medium") {
 - 
 
95 
  .userImgContainer{
 - 
 
96 
    order: 2;
 - 
 
97 
    display: flex;
 - 
 
98 
  }
 - 
 
99 
  .userImg {
 - 
 
100 
    width: 65px;
 - 
 
101 
  }
 - 
 
102 
}
 - 
 
103 
 
 - 
 
104 
@include breakpoints.maxwidth("desktop") {
 - 
 
105 
  .userImgContainer{
 - 
 
106 
    order: 4;
 - 
 
107 
  }
 87 
  }