fernando/horarios-v2
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Reemplazada la tabla de los horarios por divs para permitir columnas con un ancho consistente

Browse Source
This commit is contained in:
Araozu 2020-08-11 20:07:08 -05:00
parent 8ddd80d22d
commit 16927e6bc9
2 changed files with 27 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
src/components/Inicio/tabla-horarios.vue
View File

@ -1,13 +1,14 @@
<template lang="pug"> <template lang="pug">
table.tabla_horario(border="1") div
thead div.contenedor_horario
tr div.cabeza
td Hora div.fila-d
td(v-for="dia in dias") {{ dia }} div Hora
tbody div(v-for="dia in dias") {{ dia }}
div.cuerpo
template(v-for="hora in horas") template(v-for="hora in horas")
tr.fila(v-show="!(horasDescanso.find(x => x === hora)) || $store.state.mostrarDescansos") div.fila-d(v-show="!(horasDescanso.find(x => x === hora)) || $store.state.mostrarDescansos")
td div
span {{ hora.substring(0, 5) }} span {{ hora.substring(0, 5) }}
span.ocultar-en-movil {{ hora.substr(5) }} span.ocultar-en-movil {{ hora.substr(5) }}
celda(v-for="(dia, i) in dias" :key="i" celda(v-for="(dia, i) in dias" :key="i"
@ -77,23 +78,18 @@ table.tabla_horario(border="1")
<style scoped lang="sass"> <style scoped lang="sass">
.fila:hover .fila-d
background-color: var(--colorFondoFila) display: grid
grid-template-columns: 7rem repeat(5, calc((100% - 7rem) / 5))
.tabla_horario
width: 100%
border-color: var(--colorBorde) // rgba(135, 135, 135, 0.51)
border: none
tr
vertical-align: middle
text-align: center text-align: center
td:first-child div
width: 8rem
td
border: solid 1px var(--colorBorde) border: solid 1px var(--colorBorde)
.fila-d:hover
background-color: var(--colorFondoFila)
@media only screen and (max-width: 700px) @media only screen and (max-width: 700px)
.ocultar-en-movil .ocultar-en-movil
display: none display: none

2
src/components/Inicio/tablaHorarios/celda.vue
View File

@ -1,5 +1,5 @@
<template lang="pug"> <template lang="pug">
td(:class="clases") div(:class="clases")
celda-curso(v-for="(datos, i) in datosCeldas" :key="i" :datos="datos" :nombreAño="nombreAño") celda-curso(v-for="(datos, i) in datosCeldas" :key="i" :datos="datos" :nombreAño="nombreAño")
// //