Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

| Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
5042 stevensc 1 
#react-chat {
2 
  bottom: 0;
3 
  margin: 0;
4 
  padding: 0;
5 
  right: 5%;
6 
  position: fixed;
7 
  z-index: 1000;
8 
  display: flex;
9 
  flex-direction: row-reverse;
10 
  align-items: flex-end;
11 
  gap: 1rem;
12 
  font-family: Arial, sans-serif;
13 
  button {
14 
    background: transparent;
15 
    border: none;
16 
    margin: 0;
17 
    padding: 0;
18 
    outline: none;
19 
  }
20 
}
21 
 
22 
.chat-helper {
23 
  background-color: $bg-color;
24 
  border-top-left-radius: $border-radius;
25 
  border-top-right-radius: $border-radius;
26 
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.06), 0 2px 5px 0 rgba(0, 0, 0, 0.2);
27 
  display: grid !important;
28 
  grid-template-rows: auto 1fr;
29 
  max-height: 25rem;
30 
  height: fit-content;
31 
  width: 235px;
32 
  .chat_options {
33 
    border-bottom: 1px solid $border-primary;
34 
    overflow: hidden;
35 
    position: relative;
36 
    a {
37 
      border-left: 1px solid $border-primary;
38 
      color: $font-color;
39 
      padding: 3px 8px 3px 3px;
40 
      border: 0;
41 
      font-size: 0.9rem;
42 
      cursor: pointer;
43 
      font-weight: bold;
44 
      white-space: nowrap;
45 
      overflow: hidden;
46 
      text-overflow: ellipsis;
47 
    }
48 
  }
49 
}
50 
 
51 
.contacts-list {
52 
  width: 100%;
53 
  overflow-y: auto;
54 
  max-height: 250px;
55 
  .contacts-list__item {
56 
    align-items: center;
57 
    display: flex;
58 
    height: auto;
59 
    padding: 0.2rem 1rem;
60 
    gap: 0.5rem;
61 
    img {
62 
      height: 36px;
63 
      width: 36px;
64 
      border-radius: 50%;
65 
    }
66 
    .contacts-list__item-content {
67 
      display: flex;
68 
      flex-direction: column;
69 
      gap: 0.5rem;
70 
    }
71 
    span {
72 
      font-size: 0.9rem;
73 
      cursor: pointer;
74 
      font-weight: bold;
75 
      white-space: nowrap;
76 
      overflow: hidden;
77 
      text-overflow: ellipsis;
78 
      max-width: 20ch;
79 
    }
80 
  }
81 
}
82 
 
83 
.lightbox {
84 
  position: fixed;
85 
  top: 0;
86 
  left: 0;
87 
  width: 100%;
88 
  height: 100%;
89 
  background-color: rgba(0, 0, 0, 0.82);
90 
  text-align: center;
91 
  z-index: 10000;
92 
  p {
93 
    text-align: right;
94 
    color: #fff;
95 
    margin-right: 20px;
96 
    font-size: 12px;
97 
  }
98 
  #content {
99 
    vertical-align: middle;
100 
    padding-left: 20%;
101 
    padding-right: 20%;
102 
  }
103 
  #gcontent {
104 
    vertical-align: middle;
105 
    padding-left: 40%;
106 
    padding-right: 50%;
107 
  }
108 
  #content img {
109 
    box-shadow: 0 0 25px #111;
110 
    max-width: 100%;
111 
    max-height: 550px;
112 
    border: 10px solid #95d9cc;
113 
    border-radius: 10px;
114 
  }
115 
}