Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 6522 Rev 6552
Línea 1... Línea 1...
1 
.my-coach-record-card {
 1 
.my-coach-record-card {
2 
	background:var(--bg-color);
 2 
	background: var(--bg-color);
3 
	border:1px solid var(--border-primary);
 3 
	border: 1px solid var(--border-primary);
4 
	border-radius:var(--border-radius);
 4 
	border-radius: var(--border-radius);
5 
	height:fit-content;
 5 
	height: fit-content;
6 
	box-shadow:var(--light-shadow);
 6 
	box-shadow: var(--light-shadow);
7 
	width:100%;
 7 
	width: 100%;
8 
	padding:1rem;
 8 
	padding: 1rem;
9 
	display:flex;
 9 
	display: flex;
10 
	flex-direction:column;
 10 
	flex-direction: column;
11 
	gap:.5rem;
 11 
	gap: .5rem;
12 
	height:100%
 12 
	height: 100%
13 
}
 13 
}
Línea 14... Línea 14...
14 
 
 14 
 
15 
.my-coach-record-card .my-coach-record-card-container {
 15 
.my-coach-record-card .my-coach-record-card-container {
16 
	display:flex;
 16 
	display: flex;
17 
	flex-direction:row;
 17 
	flex-direction: row;
Línea 18... Línea 18...
18 
}
 18 
}
19 
 
 19 
 
20 
.my-coach-record-card .my-coach-record-card-resume {
 20 
.my-coach-record-card .my-coach-record-card-resume {
Línea 32... Línea 32...
32 
	font-style: normal;
 32 
	font-style: normal;
33 
	font-weight: 700;
 33 
	font-weight: 700;
34 
	font-size: 12px;
 34 
	font-size: 12px;
35 
	line-height: 14px;
 35 
	line-height: 14px;
36 
	/* identical to box height */
 36 
	/* identical to box height */
37
37 
 
38 
	display: flex;
 38 
	display: flex;
39 
	align-items: center;
 39 
	align-items: center;
40
40 
 
41 
	color: #9A9A9A;
 41 
	color: #9A9A9A;
42 
}
 42 
}
Línea 43... Línea 43...
43 
 
 43 
 
44 
.my-coach-record-card .my-coach-record-card-content ul.my-coach-record-card-categories li {
 44 
.my-coach-record-card .my-coach-record-card-content ul.my-coach-record-card-categories li {
45 
	display: inline;
 45 
	display: inline;
46 
	background: var(--bg-color-secondary);
 46 
	background: var(--bg-color-secondary);
47 
	padding: 10px;
 47 
	padding: 10px;
48 
	border-radius: 10px;
 48 
	border-radius: 10px;
49 
	margin-right: 5px;
 49 
	margin-right: 5px;
50
50 
 
Línea 51... Línea 51...
51 
}
 51 
}
52 
 
 52 
 
53 
 
 53 
 
54 
@media(max-width: 767px){
 54 
@media(max-width: 767px) {
55 
	.my-coach-record-card{
 55 
	.my-coach-record-card {
56 
		border-radius:0;
 56 
		border-radius: 0;
57 
		border-left:0;
 57 
		border-left: 0;
- 
 
 58 
		border-right: 0
58 
		border-right:0
 59 
	}
59 
	}
 60 
}
60 
}
 61 
 
- 
 
 62 
.my-coach-record-card>a {
61 
.my-coach-record-card>a {
 63 
	width: fit-content
62 
	width:fit-content
 64 
}
63 
}
 65 
 
64 
.my-coach-record-card>a h2{
66 
.my-coach-record-card>a h2 {
- 
 
 67 
	color: var(--title-color);
65 
	color:var(--title-color);
 68 
	font-weight: 800
66 
	font-weight:800
 69 
}
67 
}
 70 
 
68 
.my-coach-record-card>h3 {
 71 
.my-coach-record-card>h3 {
- 
 
 72 
	color: var(--subtitle-color);
69 
	color:var(--subtitle-color);
 73 
	font-weight: 400
70 
	font-weight:400
 74 
}
71 
}
 75 
 
72 
.my-coach-record-card>p {
 76 
.my-coach-record-card>p {
73 
	color:var(--font-color);
 77 
	color: var(--font-color);
74 
	font-weight:400;
 78 
	font-weight: 400;
- 
 
 79 
	text-align: justify;
75 
	text-align:justify;
 80 
	text-justify: inter-word
76 
	text-justify:inter-word
 81 
}
77 
}
 82 
 
78 
.my-coach-record-card .my-coach-record-card-actions {
 83 
.my-coach-record-card .my-coach-record-card-actions {
79 
	display:flex;
 84 
	display: flex;
- 
 
 85 
	align-items: center;
80 
	align-items:center;
 86 
	gap: .5rem
81 
	gap:.5rem
 87 
}
82 
}
 88 
 
83 
.my-coach-record-card .my-coach-record-card-actions>*{
- 
 
84 
	flex:1;
 - 
 
85 
	max-width:33.3333333333%
 - 
 
86 
}
 - 
 
87 
.my-coach-record-card .reaction-btn{
 - 
 
88 
	align-items:center;
 - 
 
89 
	border-radius:10px;
 - 
 
90 
	display:inline-flex;
 - 
 
91 
	gap:.5rem;
 - 
 
92 
	justify-content:center;
 - 
 
93 
	padding:10px;
 - 
 
94 
	position:relative;
 - 
 
95 
	width:-webkit-fill-available;
 - 
 
96 
	transition:background-color 200ms ease
 - 
 
97 
}
 - 
 
98 
.my-coach-record-card .reaction-btn:hover{
 - 
 
99 
	background-color:#f5f5f5
 - 
 
100 
}
 - 
 
101 
.my-coach-record-card .reactions{
 - 
 
102 
	position:absolute;bottom:calc(100% + .5rem);
 - 
 
103 
	background-color:var(--bg-color);
 - 
 
104 
	box-shadow:0px 0px 3px #000;
 - 
 
105 
	gap:.5rem;
 - 
 
106 
	left:50%;
 - 
 
107 
	display:none;
 - 
 
108 
	padding:.2rem;
 - 
 
109 
	width:fit-content;
 89 
.my-coach-record-card .my-coach-record-card-actions>* {
- 
 
 90 
	flex: 1;
- 
 
 91 
	max-width: 33.3333333333%
- 
 
 92 
}
- 
 
 93 
 
- 
 
 94 
.my-coach-record-card .reaction-btn {
- 
 
 95 
	align-items: center;
- 
 
 96 
	border-radius: 10px;
- 
 
 97 
	display: inline-flex;
- 
 
 98 
	gap: .5rem;
- 
 
 99 
	justify-content: center;
- 
 
 100 
	padding: 10px;
- 
 
 101 
	position: relative;
- 
 
 102 
	width: -webkit-fill-available;
- 
 
 103 
	transition: background-color 200ms ease
- 
 
 104 
}
- 
 
 105 
 
- 
 
 106 
.my-coach-record-card .reaction-btn:hover {
- 
 
 107 
	background-color: #f5f5f5
- 
 
 108 
}
- 
 
 109 
 
- 
 
 110 
.my-coach-record-card .reactions {
- 
 
 111 
	position: absolute;
- 
 
 112 
	bottom: calc(100% + .5rem);
- 
 
 113 
	background-color: var(--bg-color);
- 
 
 114 
	box-shadow: 0px 0px 3px #000;
- 
 
 115 
	gap: .5rem;
- 
 
 116 
	left: 50%;
- 
 
 117 
	display: none;
- 
 
 118 
	padding: .2rem;
- 
 
 119 
	width: fit-content;
- 
 
 120 
	border-radius: 20px;
110 
	border-radius:20px;
 121 
	transform: translateX(-50%)
111 
	transform:translateX(-50%)
 122 
}
112 
}
 123 
 
- 
 
 124 
.my-coach-record-card .reactions.active {
113 
.my-coach-record-card .reactions.active {
 125 
	display: flex
114 
	display:flex
 126 
}
115 
}
 127 
 
116 
.my-coach-record-list {
 128 
.my-coach-record-list {
- 
 
 129 
	display: grid;
117 
	display:grid;
 130 
	gap: 1rem
118 
	gap:1rem
 131 
}
119 
}
 132 
 
120 
.my-coach-category-list{
 133 
.my-coach-category-list {
121 
	background:var(--bg-color);
 134 
	background: var(--bg-color);
122 
	border:1px solid var(--border-primary);
 135 
	border: 1px solid var(--border-primary);
123 
	border-radius:var(--border-radius);
 136 
	border-radius: var(--border-radius);
124 
	height:fit-content;
 137 
	height: fit-content;
- 
 
 138 
	box-shadow: var(--light-shadow);
125 
	box-shadow:var(--light-shadow);
 139 
	width: 100%;
- 
 
 140 
	padding: 1rem;
126 
	width:100%;
 141 
	width: 100%
127 
	padding:1rem;width:100%
 142 
}
128 
}
 143 
 
129 
@media(max-width: 767px){
 144 
@media(max-width: 767px) {
130 
	.my-coach-category-list{
 145 
	.my-coach-category-list {
131 
		border-radius:0;
 146 
		border-radius: 0;
132 
		border-left:0;
 147 
		border-left: 0;
- 
 
 148 
		border-right: 0
133 
		border-right:0
 149 
	}
134 
	}
 150 
}
135 
}
 151 
 
136 
.my-coach-category-list ul{
 152 
.my-coach-category-list ul {
137 
	display:flex;
 - 
 
138 
	flex-direction:column;
 - 
 
139 
	gap:.5rem
 - 
 
140 
}
 - 
 
141 
.my-coach-category-list ul li{
 - 
 
142 
	font-weight:400;
 - 
 
143 
	font-size:16px;
 - 
 
144 
	color:var(--font-color);
 153 
	display: flex;
- 
 
 154 
	flex-direction: column;
145 
	padding:.5rem;
 155 
	gap: .5rem
- 
 
 156 
}
- 
 
 157 
 
- 
 
 158 
.my-coach-category-list ul li {
- 
 
 159 
	font-weight: 400;
146 
	border-radius:var(--border-radius)
 160 
	font-size: 16px;
147 
}
 161 
	color: var(--font-color);
- 
 
 162 
	padding: .5rem;
148 
.my-coach-category-list ul li.my-coach-category-li-selected{
 163 
	border-radius: var(--border-radius)
149 
	background-color:var(--bg-color-secondary)
 164 
}
150 
}
 165 
 
- 
 
 166 
.my-coach-category-list ul li.my-coach-category-li-selected {
- 
 
 167 
	background-color: var(--bg-color-secondary)
- 
 
 168 
}
- 
 
 169 
 
151 
.input-group-btn .btn{
 170 
.input-group-btn .btn {