Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 5049 | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 5049 Rev 5349
Línea 8... Línea 8...
8 
  display: flex;
 8 
  display: flex;
9 
  flex-direction: row-reverse;
 9 
  flex-direction: row-reverse;
10 
  align-items: flex-end;
 10 
  align-items: flex-end;
11 
  gap: 1rem;
 11 
  gap: 1rem;
12 
  font-family: Arial, sans-serif;
 12 
  font-family: Arial, sans-serif;
- 
 
 13 
 
13 
  button {
 14 
  button {
14 
    background: transparent;
 15 
    background: transparent;
15 
    border: none;
 16 
    border: none;
16 
    margin: 0;
 17 
    margin: 0;
17 
    padding: 0;
 18 
    padding: 0;
Línea 27... Línea 28...
27 
  display: grid;
 28 
  display: grid;
28 
  gap: 0.5rem;
 29 
  gap: 0.5rem;
29 
  max-height: 25rem;
 30 
  max-height: 25rem;
30 
  height: fit-content;
 31 
  height: fit-content;
31 
  width: 235px;
 32 
  width: 235px;
- 
 
 33 
 
32 
  .chat_options {
 34 
  .chat_options {
33 
    border-bottom: 1px solid $border-primary;
 35 
    border-bottom: 1px solid $border-primary;
34 
    overflow: hidden;
 36 
    overflow: hidden;
35 
    position: relative;
 37 
    position: relative;
- 
 
 38 
 
36 
    a {
 39 
    a {
37 
      border-left: 1px solid $border-primary;
 40 
      border-left: 1px solid $border-primary;
38 
      color: $font-color;
 41 
      color: $font-color;
39 
      padding: 3px 8px 3px 3px;
 42 
      padding: 3px 8px 3px 3px;
40 
      border: 0;
 43 
      border: 0;
Línea 60... Línea 63...
60 
  position: relative;
 63 
  position: relative;
61 
  font-weight: 700;
 64 
  font-weight: 700;
62 
  color: $font-color;
 65 
  color: $font-color;
63 
  display: inline-flex;
 66 
  display: inline-flex;
64 
  align-items: center;
 67 
  align-items: center;
- 
 
 68 
 
65 
  &.active {
 69 
  &.active {
66 
    padding-bottom: 5px !important;
 70 
    padding-bottom: 5px !important;
- 
 
 71 
 
67 
    &::before {
 72 
    &::before {
68 
      content: "";
 73 
      content: "";
69 
      position: absolute;
 74 
      position: absolute;
70 
      top: 100%;
 75 
      top: 100%;
71 
      width: 100%;
 76 
      width: 100%;
Línea 83... Línea 88...
83 
  color: gray;
 88 
  color: gray;
84 
  cursor: pointer;
 89 
  cursor: pointer;
85 
  width: -webkit-fill-available;
 90 
  width: -webkit-fill-available;
86 
  padding: 0.5rem;
 91 
  padding: 0.5rem;
87 
  background-color: #eef3f0;
 92 
  background-color: #eef3f0;
- 
 
 93 
 
88 
  & > input {
 94 
  &>input {
89 
    border: none;
 95 
    border: none;
90 
    outline: none;
 96 
    outline: none;
91 
    background: none;
 97 
    background: none;
92 
    width: 100%;
 98 
    width: 100%;
93 
  }
 99 
  }
Línea 95... Línea 101...
95 
 
 101 
 
96 
.contacts-list {
 102 
.contacts-list {
97 
  width: 100%;
 103 
  width: 100%;
98 
  overflow-y: auto;
 104 
  overflow-y: auto;
- 
 
 105 
  max-height: 250px;
99 
  max-height: 250px;
 106 
 
100 
  .contacts-list__item {
 107 
  .contacts-list__item {
101 
    align-items: center;
 108 
    align-items: center;
102 
    display: flex;
 109 
    display: flex;
103 
    height: auto;
 110 
    height: auto;
104 
    padding: 0.2rem 1rem;
 111 
    padding: 0.2rem 1rem;
- 
 
 112 
    gap: 0.5rem;
105 
    gap: 0.5rem;
 113 
 
106 
    img {
 114 
    img {
107 
      height: 36px;
 115 
      height: 36px;
108 
      width: 36px;
 116 
      width: 36px;
109 
      border-radius: 50%;
 117 
      border-radius: 50%;
- 
 
 118 
    }
110 
    }
 119 
 
111 
    .contacts-list__item-content {
 120 
    .contacts-list__item-content {
112 
      display: flex;
 121 
      display: flex;
113 
      flex-direction: column;
 122 
      flex-direction: column;
114 
      gap: 0.5rem;
 123 
      gap: 0.5rem;
- 
 
 124 
    }
115 
    }
 125 
 
116 
    span {
 126 
    span {
117 
      font-size: 0.9rem;
 127 
      font-size: 0.9rem;
118 
      cursor: pointer;
 128 
      cursor: pointer;
119 
      font-weight: bold;
 129 
      font-weight: bold;
120 
      white-space: nowrap;
 130 
      white-space: nowrap;
121 
      overflow: hidden;
 131 
      overflow: hidden;
122 
      text-overflow: ellipsis;
 132 
      text-overflow: ellipsis;
123 
      max-width: 20ch;
 133 
      max-width: 20ch;
124 
    }
 134 
    }
125 
  }
 135 
  }
126 
}
 - 
 
127 
 
 - 
 
128 
.lightbox {
 - 
 
129 
  position: fixed;
 - 
 
130 
  top: 0;
 - 
 
131 
  left: 0;
 - 
 
132 
  width: 100%;
 - 
 
133 
  height: 100%;
 - 
 
134 
  background-color: rgba(0, 0, 0, 0.82);
 - 
 
135 
  text-align: center;
 - 
 
136 
  z-index: 10000;
 - 
 
137 
  p {
 - 
 
138 
    text-align: right;
 - 
 
139 
    color: #fff;
 - 
 
140 
    margin-right: 20px;
 - 
 
141 
    font-size: 12px;
 - 
 
142 
  }
 - 
 
143 
  #content {
 - 
 
144 
    vertical-align: middle;
 - 
 
145 
    padding-left: 20%;
 - 
 
146 
    padding-right: 20%;
 - 
 
147 
  }
 - 
 
148 
  #gcontent {
 - 
 
149 
    vertical-align: middle;
 - 
 
150 
    padding-left: 40%;
 - 
 
151 
    padding-right: 50%;
 - 
 
152 
  }
 - 
 
153 
  #content img {
 - 
 
154 
    box-shadow: 0 0 25px #111;
 - 
 
155 
    max-width: 100%;
 - 
 
156 
    max-height: 550px;
 - 
 
157 
    border: 10px solid #95d9cc;
 - 
 
158 
    border-radius: 10px;
 - 
 
159 
  }
 - 
 
160 
}
 136 
}