Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 6555 | Rev 6557 | Ir a la última revisión | | Comparar con el anterior | Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
6522 efrain 1 
.my-coach-record-card {
6552 stevensc 2 
	background: var(--bg-color);
3 
	border: 1px solid var(--border-primary);
4 
	border-radius: var(--border-radius);
5 
	height: fit-content;
6 
	box-shadow: var(--light-shadow);
7 
	width: 100%;
8 
	padding: 1rem;
9 
	display: flex;
10 
	flex-direction: column;
11 
	gap: .5rem;
12 
	height: 100%
6522 efrain 13 
}
14 
 
6553 stevensc 15 
.my-coach-record-card-container {
16 
	background: var(--bg-color);
17 
	border: 1px solid var(--border-primary);
18 
	border-radius: var(--border-radius);
19 
	height: fit-content;
20 
	padding: 1rem;
6552 stevensc 21 
	display: flex;
6553 stevensc 22 
	flex-direction: column;
23 
	gap: .5rem;
6522 efrain 24 
}
25 
 
6554 stevensc 26 
.my-coach-record-card-container .my-coach-record-card-details {
27 
	align-items: center;
28 
	display: flex;
29 
	gap: 1rem;
30 
}
31 
 
6555 stevensc 32 
.my-coach-record-card-container .my-coach-record-card-details span {
33 
	color: var(--subtitle-color);
34 
	font-weight: 600;
35 
	font-size: .9rem;
36 
}
37 
 
6556 stevensc 38 
.my-coach-record-card-container .my-coach-record-card-resume {
39 
	align-self: end;
40 
	align-items: center;
41 
	background: var(--chat-send);
42 
	border-radius: var(--border-radius);
43 
	color: var(--font-color);
44 
	display: inline-flex;
45 
	font-weight: 600;
46 
	gap: 0.5rem;
47 
	padding: 0.5rem;
48 
	width: fit-content;
6522 efrain 49 
}
50 
 
6556 stevensc 51 
.my-coach-record-card-container .my-coach-record-card-resume img {
52 
	border-radius: 50%;
53 
	height: 40px;
54 
	width: 40px;
55 
}
56 
 
57 
.my-coach-record-card-container .my-coach-record-card-resume p {
58 
	color: var(--font-color);
59 
	font-size: .9rem;
60 
	font-weight: 600;
61 
}
62 
 
63 
.my-coach-record-card-container .my-coach-record-card-actions {
64 
	display: flex;
65 
	align-items: center;
66 
	gap: .5rem
67 
}
68 
 
69 
.my-coach-record-card-container .my-coach-record-card-actions>* {
70 
	flex: 1;
71 
	max-width: calc(100% / 3);
72 
}
73 
 
6522 efrain 74 
.my-coach-record-card .my-coach-record-card-content {
75 
	margin-left: 5px;
76 
	flex: 80%;
77 
}
78 
 
79 
.my-coach-record-card .my-coach-record-card-content span.question {
80 
 
81 
	font-family: 'Roboto';
82 
	font-style: normal;
83 
	font-weight: 700;
84 
	font-size: 12px;
85 
	line-height: 14px;
86 
	/* identical to box height */
6552 stevensc 87 
 
6522 efrain 88 
	display: flex;
89 
	align-items: center;
6552 stevensc 90 
 
6522 efrain 91 
	color: #9A9A9A;
92 
}
93 
 
94 
.my-coach-record-card .my-coach-record-card-content ul.my-coach-record-card-categories li {
95 
	display: inline;
96 
	background: var(--bg-color-secondary);
97 
	padding: 10px;
98 
	border-radius: 10px;
99 
	margin-right: 5px;
6552 stevensc 100 
 
6522 efrain 101 
}
102 
 
6553 stevensc 103 
.my-coach-answers-list {
104 
	display: flex;
105 
	flex-direction: column;
106 
	gap: .5rem;
107 
}
6522 efrain 108 
 
6553 stevensc 109 
 
6552 stevensc 110 
@media(max-width: 767px) {
111 
	.my-coach-record-card {
112 
		border-radius: 0;
113 
		border-left: 0;
114 
		border-right: 0
6522 efrain 115 
	}
116 
}
6552 stevensc 117 
 
6522 efrain 118 
.my-coach-record-card>a {
6552 stevensc 119 
	width: fit-content
6522 efrain 120 
}
6552 stevensc 121 
 
122 
.my-coach-record-card>a h2 {
123 
	color: var(--title-color);
124 
	font-weight: 800
6522 efrain 125 
}
6552 stevensc 126 
 
6522 efrain 127 
.my-coach-record-card>h3 {
6552 stevensc 128 
	color: var(--subtitle-color);
129 
	font-weight: 400
6522 efrain 130 
}
6552 stevensc 131 
 
6522 efrain 132 
.my-coach-record-card>p {
6552 stevensc 133 
	color: var(--font-color);
134 
	font-weight: 400;
135 
	text-align: justify;
136 
	text-justify: inter-word
6522 efrain 137 
}
6552 stevensc 138 
 
139 
.my-coach-record-card .reaction-btn {
140 
	align-items: center;
141 
	border-radius: 10px;
142 
	display: inline-flex;
143 
	gap: .5rem;
144 
	justify-content: center;
145 
	padding: 10px;
146 
	position: relative;
147 
	width: -webkit-fill-available;
148 
	transition: background-color 200ms ease
6522 efrain 149 
}
6552 stevensc 150 
 
151 
.my-coach-record-card .reaction-btn:hover {
152 
	background-color: #f5f5f5
6522 efrain 153 
}
6552 stevensc 154 
 
155 
.my-coach-record-card .reactions {
156 
	position: absolute;
157 
	bottom: calc(100% + .5rem);
158 
	background-color: var(--bg-color);
159 
	box-shadow: 0px 0px 3px #000;
160 
	gap: .5rem;
161 
	left: 50%;
162 
	display: none;
163 
	padding: .2rem;
164 
	width: fit-content;
165 
	border-radius: 20px;
166 
	transform: translateX(-50%)
6522 efrain 167 
}
6552 stevensc 168 
 
6522 efrain 169 
.my-coach-record-card .reactions.active {
6552 stevensc 170 
	display: flex
6522 efrain 171 
}
6552 stevensc 172 
 
6522 efrain 173 
.my-coach-record-list {
6552 stevensc 174 
	display: grid;
175 
	gap: 1rem
6522 efrain 176 
}
6552 stevensc 177 
 
178 
.my-coach-category-list {
179 
	background: var(--bg-color);
180 
	border: 1px solid var(--border-primary);
181 
	border-radius: var(--border-radius);
182 
	height: fit-content;
183 
	box-shadow: var(--light-shadow);
184 
	width: 100%;
185 
	padding: 1rem;
186 
	width: 100%
6522 efrain 187 
}
6552 stevensc 188 
 
189 
@media(max-width: 767px) {
190 
	.my-coach-category-list {
191 
		border-radius: 0;
192 
		border-left: 0;
193 
		border-right: 0
6522 efrain 194 
	}
195 
}
6552 stevensc 196 
 
197 
.my-coach-category-list ul {
198 
	display: flex;
199 
	flex-direction: column;
200 
	gap: .5rem
6522 efrain 201 
}
6552 stevensc 202 
 
203 
.my-coach-category-list ul li {
204 
	font-weight: 400;
205 
	font-size: 16px;
206 
	color: var(--font-color);
207 
	padding: .5rem;
208 
	border-radius: var(--border-radius)
6522 efrain 209 
}
6552 stevensc 210 
 
211 
.my-coach-category-list ul li.my-coach-category-li-selected {
212 
	background-color: var(--bg-color-secondary)
6522 efrain 213 
}
6552 stevensc 214 
 
215 
.input-group-btn .btn {
216 
	height: -webkit-fill-available
217 
}