Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 4177 Rev 4180
Línea 50... Línea 50...
50
      }
50
      }
51
    }
51
    }
52
  }
52
  }
53
}
53
}
Línea 54... Línea 54...
54
 
54
 
-
 
55
.navLinkLevelThree,
55
.navLinkLevelThree {
56
.notifications-list {
56
  display: none;
57
  display: none;
57
  position: absolute;
58
  position: absolute;
58
  top: -10%;
59
  top: -10%;
59
  left: 100%;
-
 
60
  width: 200px;
60
  left: 100%;
-
 
61
  z-index: 1000;
61
  z-index: 1000;
62
  overflow: hidden;
62
  ul {
63
  ul {
63
    max-height: 20rem;
64
    max-height: 20rem;
64
    overflow: scroll;
65
    overflow: scroll;
65
  }
66
  }
Línea 103... Línea 104...
103
  display: none;
104
  display: none;
104
  position: absolute;
105
  position: absolute;
105
  top: 100%;
106
  top: 100%;
106
  left: 50%;
107
  left: 50%;
107
  transform: translateX(-35%);
108
  transform: translateX(-35%);
108
  width: 200px;
-
 
109
  z-index: 1000;
109
  z-index: 1000;
110
  background-color: $bg-color;
110
  background-color: $bg-color;
111
  border-radius: 10px;
111
  border-radius: 10px;
112
  ul {
112
  ul {
113
    display: flex;
113
    display: flex;
Línea 117... Línea 117...
117
    text-align: left;
117
    text-align: left;
118
    background-color: $bg-color;
118
    background-color: $bg-color;
119
    border-radius: 10px;
119
    border-radius: 10px;
120
    box-shadow: 0px 4px 14px -2px rgb(0 0 0 / 12%), 0px -5px 14px -2px rgb(0 0 0 / 12%);
120
    box-shadow: 0px 4px 14px -2px rgb(0 0 0 / 12%), 0px -5px 14px -2px rgb(0 0 0 / 12%);
121
    li {
121
    li {
122
      position: relative;
122
      align-items: center;
123
      display: flex;
123
      display: flex;
-
 
124
      gap: 1rem;
124
      justify-content: space-between;
125
      position: relative;
125
      a {
126
      a {
126
        font-weight: normal;
-
 
127
        padding: 0 !important;
-
 
128
        font-size: 1.1rem;
127
        font-size: 1.1rem;
129
      }
128
      }
130
      &:hover {
129
      &:hover {
131
        .navLinkLevelThree {
130
        .navLinkLevelThree {
132
          display: block;
131
          display: block;
Línea 156... Línea 155...
156
  .navLinksContainer {
155
  .navLinksContainer {
157
    margin-left: 4rem;
156
    margin-left: 4rem;
158
    min-width: auto;
157
    min-width: auto;
159
    order: 2;
158
    order: 2;
160
  }
159
  }
-
 
160
  .navLinkDropdown ul li:hover {
-
 
161
    .notifications-list {
-
 
162
      display: block;
-
 
163
    }
-
 
164
  }
161
}
165
}