From f9fe29880732c282fb97c40dfaed420ffec1eb03 Mon Sep 17 00:00:00 2001 From: Araozu Date: Sun, 28 Mar 2021 07:34:45 -0500 Subject: [PATCH] Agregar estilos a cada uno de los posibles estados de las celdas --- src/ContenedorHorarios/Tabla/CeldaFila.tsx | 13 ++++++++++++- 1 file changed, 12 insertions(+), 1 deletion(-) diff --git a/src/ContenedorHorarios/Tabla/CeldaFila.tsx b/src/ContenedorHorarios/Tabla/CeldaFila.tsx index fb7bd15..72805d6 100755 --- a/src/ContenedorHorarios/Tabla/CeldaFila.tsx +++ b/src/ContenedorHorarios/Tabla/CeldaFila.tsx @@ -31,10 +31,17 @@ const e = StyleSheet.create({ }, celdaSeleccionado: { textDecoration: "underline", + backgroundColor: "rgba(200, 200, 200, 0.3)", }, celdaOculto: { opacity: 0.3, }, + celdaResaltadoOculto: { + opacity: 0.7, + }, + celdaResaltadoSeleccionado: { + textDecoration: "underline", + }, }) const eColores = StyleSheet.create({ @@ -110,7 +117,7 @@ export function CeldaFila(props: Props) { () => { const clases = [ e.celdaCurso, - esLab ? e.celdaCursoLab : e.celdaCursoTeoria + esLab ? e.celdaCursoLab : e.celdaCursoTeoria, ] let adicional = "" @@ -154,12 +161,16 @@ export function CeldaFila(props: Props) { props.fnResaltarFila() setEstabaResaltado(true) + clases.push(e.celdaResaltadoOculto) + adicional = clasesColores[props.dia] break } case "ResaltadoSeleccionado": { props.fnResaltarFila() setEstabaResaltado(true) + clases.push(e.celdaResaltadoSeleccionado) + adicional = clasesColores[props.dia] break } }